echarts 4.x 新功能


1. echarts 4.x 使用 Canvas 或者 SVG 渲染
  然后,我們就可以在代碼中,初始化圖表實例時,傳入參數 選擇渲染器類型:
  // 使用 Canvas 渲染器(默認)
  var chart = echarts.init(containerDom, null, {renderer: 'canvas'});
  // 等價於:
  var chart = echarts.init(containerDom);

  // 使用 SVG 渲染器
  var chart = echarts.init(containerDom, null, {renderer: 'svg'});


2. 小例子:自己實現拖拽
  說明及例子:
http://echarts.baidu.com/tutorial.html#%E5%B0%8F%E4%BE%8B%E5%AD%90%EF%BC%9A%E8%87%AA%E5%B7%B1%E5%AE%9E%E7%8E%B0%E6%8B%96%E6%8B%BD

3. 使用 dataset 管理數據
  說明及例子
    http://echarts.baidu.com/tutorial.html#%E4%BD%BF%E7%94%A8%20dataset%20%E7%AE%A1%E7%90%86%E6%95%B0%E6%8D%AE

4.顏色主題(Theme)
  說明及例子
    http://echarts.baidu.com/tutorial.html#ECharts%20%E4%B8%AD%E7%9A%84%E6%A0%B7%E5%BC%8F%E7%AE%80%E4%BB%8B

  var chart = echarts.init(dom, 'light');
  或者
  var chart = echarts.init(dom, 'dark');

5. 在 webpack 中使用 ECharts
  說明及例子
    http://echarts.baidu.com/tutorial.html#%E5%9C%A8%20webpack%20%E4%B8%AD%E4%BD%BF%E7%94%A8%20ECharts


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM