Chart.js 2.9 發布,基於 HTML5 的 JavaScript 圖表庫

2021-01-07 開源中國

Chart.js 是一個基於 HTML5 canvas 技術的開源圖表繪製工具庫。Chart.js 2.9 已經發布了，內容如下：

Breaking changes helpers._decimalPlaces 現在是私有Enhancements  實現 dataset.order 實現了對圖例和工具提示的 RTL 支持 HTML DOM 構建 支持條形圖的對象值 添加對浮動條形圖的支持[start, end] 使圖例外觀與圖表元素一致Performance

刪除對 helpers.each 的部分調用 

緩存解析數據元素選項

簡化線條繪製

添加選項 ticks.sampleSize

用 for 循環替換 helpers.each

重構 core.layout

替換 helpers.extend

Bug Fixes 當 axisID 更改時更新數據集元數據 修復 determineUnitForFormatting 浮點錯誤 修復 ticks.minor 和 ticks.major 問題 改進 helpers.almostWhole 修復圓周超過 2*PI 的圓弧邊界 修復圓周小於 2*PI 時圓弧計算

完整列表見發布說明。

相關焦點

  • 2018年最佳JavaScript數據可視化和圖表庫
    這個基於反應的圖表庫可以通過GitHub存儲庫下載或通過NPM包管理器安裝。請參閱以下連結並查看文檔。2. AmChartschart fiddles9 頁面允許您按圖表類型，某些功能和元素進行過濾，從而可以快速定位作業所需的圖表。誰可以免費使用它?商業用途如果您想在商業廣告中使用此庫，您必須從FusionCharts購買許可證，許可證將打開所有限制並在特定圖表上發布水印。
  • [譯] 2018年最佳JavaScript數據可視化和圖表庫
    這個基於反應的圖表庫可以通過GitHub存儲庫下載或通過NPM包管理器安裝。請參閱以下連結並查看文檔。2. AmChartschart fiddles9 頁面允許您按圖表類型，某些功能和元素進行過濾，從而可以快速定位作業所需的圖表。誰可以免費使用它?商業用途如果您想在商業廣告中使用此庫，您必須從FusionCharts購買許可證，許可證將打開所有限制並在特定圖表上發布水印。
  • 前端開發者常用的 9 個 JavaScript 圖表庫
    下面是挑選出的 9 個 JavaScript 圖表庫：Chart.jsChartistFlexChartEchartsNVD3C3.jsTauChartsReChartsFlotChart.js>Chart.js 是一種簡潔、用戶友好的圖表庫，同時也是基於 HTML5 的 JavaScript 庫，用於創建動畫、交互式和可自定義的圖表和圖形。
  • Chart.js - 漂亮的 Javascript 圖表開源庫
    這是一個使用簡單、動效現代酷炫js圖表庫，用來構建專業美觀的數據圖表。介紹Chart.js 是一個基於 canvas 的可視化開源庫。它可以用於構建簡單漂亮的 H5 圖表，滿足產品數據可視化的需求。官網截圖特點包含6種不同的常用圖表，每種方式都有酷炫的動畫，以及一大堆的定製選項和交互性擴展；兼容性好。基於HTML5 canvas ，兼容所有現代瀏覽器，並且支持 IE7/8；無依賴的超級輕量級產品，gzip後大小僅11.01kb。
  • 給開發者提供的 35 款 JavaScript 圖形圖表庫
    它使用 HTML5 canvas 元素，支持所有現代瀏覽器，並且支持  IE7/8。4. AristochartAristochart 是個高度自定義，靈活的折線 canvas 圖表庫，允許用戶集中精力在圖表的審美方面，後臺工作做得非常好。Aristochart 有個持續進步的社區，提供許多不斷增長的主題給用戶選擇。
  • 程序猿必備的9款JavaScript圖表庫插件
    3.Chart.js簡單的。清潔。用戶友好的。完美的詞語來形容chart.js圖書館。圖書館是一個基於HTML5的chart.js創建動畫，交互的JavaScript庫，以及可定製的圖表和圖形。Chart.js，你可以很容易地想像你的混合圖表類型不麻煩，創建默認響應網頁。這個庫允許您快速開始可視化數據。
  • 熱推18個基於HTML5 Canvas開發的圖表庫
    HTML 5 Canvas 提供了通過 JavaScript 繪製圖形的方法，非常強大。今天，本文收集了一些非常好的基於 HTML 5 Canvas 的圖表方案推薦給大家。　　1. Visualize　　rGraph是一個基於HTML5 canvas的圖表庫。藉助HTML5的特性可以生成各種類型的圖表，例如餅圖、條形圖、圓環圖、甘特圖、雷達圖等。　　3. iGrapher
  • canvas/數據可視化工具庫匯總
    官網：https://d3js.org/GitHub地址：https://github.com/mbostock/d3d3 一個基於數據操作文檔的js數據可視化框架，最流行的數據可視化庫之一 2：Chart.js
  • html2canvas - 動態生成海報的優質js庫
    如何把網頁上的內容用javascript來實現截圖？今天分享的html2canvas就可以。介紹在微信項目中經常會遇到動態生成海報的需求，Web前端合成圖片往往會使用canvas。canvas雖然強大，但用來合成海報非常繁瑣，一不小心就幾百行代碼了。
  • Chartkick:一行代碼即可繪製出漂亮的圖表
    Chartkick是一個圖表繪製工具，特點是UI美觀、使用簡單，並且支持IE6在內的大多數瀏覽器。之所以說它使用簡單，是因為只需要一行Ruby代碼即可繪製出漂亮的圖表！比如你需要一個線狀圖：<%= line_chart User.group_by_day(:created_at).count %>繪製一個餅狀圖：<%= pie_chart Goal.group("name").count %>
  • 推薦14 款基於 JavaScript 的數據可視化工具
    AnyChart連結：http://www.anychart.com/AnyChart 是基於 Flash/JavaScript(HTML5) 的圖表解決方案，它可以輕鬆地跨瀏覽器、跨平臺工作。除了基礎的圖表功能外，它還有收費的交互式圖表和儀表功能。
  • 14款基於javascript的數據可視化工具
    AnyChart連結：http://www.anychart.com/AnyChart 是基於 Flash/JavaScript(HTML5) 的圖表解決方案，它可以輕鬆地跨瀏覽器、跨平臺工作。除了基礎的圖表功能外，它還有收費的交互式圖表和儀表功能。
  • 美觀又實用,10款強大的開源Javascript圖表庫
    ECharts 由百度前端技術部開發的，是一個純 Javascript 的圖表庫，可以流暢的運行在 PC 和行動裝置上，兼容當前絕大部分瀏覽器（IE8/9/10/11、Chrome、Firefox、Safari等），底層依賴輕量級的 Canvas 類庫 ZRender，提供直觀，生動，可交互，可高度個性化定製的數據可視化圖表。
  • 20 個最棒的 JavaScript 圖表庫
    Highcharts 是又一個流行的交互圖表庫，與其他庫一樣，它是基於 HTML5/SVG/VML，所以不需要擴展插件。提供的圖表類型很廣泛，像曲線圖，柱狀圖，條形圖，地圖，儀錶盤等。N3 基於D3.js 針對小量受眾–基於 AngularJS 繪製通用線圖。如果你需要更多的圖表類型，它可能不適合你。你可以在這裡看到一些N3線圖的實例。源碼許可證：開源。對所有人免費。
  • 如何使用JavaScript實現前端導入和導出excel文件
    1.4 根據編輯的table數據動態生成圖表根據table數據動態生成圖表這塊需要有一定的約定, 我們需要符合圖表庫的數據規範, 不過我們有了table數據, 處理數據規範當然是很簡單的事情了, 筆者的可視化庫採用antv的f2實現, 所以需要做一層適配來使得f2能消費我們的數據.
  • ECharts 3.1.1 發布,JavaScript 圖表庫
    Echarts 3.1.1 發布，該版本主要是為了滿足 npm 使用的要求。沒有其他額外的改進。
  • meSpeak.js 2.0 發布,JavaScript 的 TTS 庫
    meSpeak.js (speak.js 增強版) 是一個 100% 純客戶端 JavaScript 實現的 TTS 庫，基於 speak.js 開發，在其基礎上增加對 Webkit 和2.0 版本已經發布，以下是更新的主要特點： 並發  Web Worker：首先，meSpeak.js 現在具有模塊化的體系結構，由前端(「mescript.js」)和應用程式核心(「mespek-core.js」)兩部分組成，前端自動加載。
  • 被強烈推薦的六大優秀JavaScript圖表庫
    通常，各種樣式選項會允許您通過API或CSS，按需修改圖表的外觀。而DHTMLX控制項恰好可以通過流行的JS框架(如Angular、React、Vue.js)，被無縫地集成到Web應用中。被強烈推薦的六大優秀JavaScript圖表庫您可以通過連結中的分步指南，了解如何使用DHTMLX來構建各種樹形圖表。
  • 網頁性能之html css javascript
    body></html>我們打開chrome的控制臺查看timeline1 圖上顯示在引入外部的js文件之後domComplete時間又被延後了，結合上面的renderTree，由於javascript代碼可能會更改css屬性或者是dom結構，所以在形成renderTree之前必須等待javascript
  • HTML-JS-99乘法/進度條
    雖然它是作為開發Web頁面的腳本語言而出名的，但是它也被用到了很多非瀏覽器環境中，JavaScript 基於原型編程、多範式的動態腳本語言，並且支持面向對象、命令式和聲明式（如函數式編程）風格。而且JavaScript 很容易學習。1.利用js在網頁控制臺列印99乘法表。