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

posted on 2018-02-28 18:40  青春远去  阅读(2324)  评论(0)    收藏  举报