echarts 4.x 新功能

最新推荐文章于 2024-07-09 07:36:37 发布

转载最新推荐文章于 2024-07-09 07:36:37 发布 · 206 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/sunjianhui/p/8485179.html

文章标签：

#python #javascript #ViewUI

本文介绍ECharts 4.x版本中如何选择Canvas或SVG渲染图表，通过自定义实现图表拖拽功能，并展示了如何利用dataset组件管理和组织数据。此外还介绍了如何设置颜色主题以及在webpack环境中使用ECharts的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

转载于:https://www.cnblogs.com/sunjianhui/p/8485179.html