ECharts图标类库学习笔记总计

echarts参数示意

系列（series）要素至少有：一组数值、图表类型（series.type）、以及其他的关于这些数据如何映射成图的参数。

系列类型（series.type）至少有：line（折线图）、bar（柱状图）、pie（饼图）、scatter（散点图）、graph（关系图）、tree（树图）等等类型

echarts 的使用者，使用 option 来描述其对图表的各种需求，包括：有什么数据、要画什么图表、图表长什么样子、含有什么组件、组件能操作什么事情等等。简而言之，option 表述了：数据、数据如何映射成图形、交互行为。

ECharts 中的样式介绍这几种方式，他们的功能范畴可能会有交叉（即同一种细节的效果可能可以用不同的方式实现），但是他们各有各的场景偏好。

• 颜色主题（Theme）
• 调色盘
• 直接样式设置（itemStyle、lineStyle、areaStyle、label、...）
• 视觉映射（visualMap）

颜色主题（Theme）：如何引入预定义主题 + 如何自定义主题

内置了两套主题，分别为 'light' 和 'dark', 可以这样使用：var chart = echarts.init(dom, 'light'/’dark');

其它主题在 主题编辑器 里访问到。也可以使用这个主题编辑器，自己编辑主题。下载下来的主题可以这样使用：

echarts的主题编辑器，内置了十几种常用主图

如果主题保存为 JSON 文件，那么可以自行加载和注册，例如：

// 假设主题名称是 "vintage"
$.getJSON('xxx/xxx/vintage.json', function (themeJSON) {
    echarts.registerTheme('vintage', JSON.parse(themeJSON))
    var chart = echarts.init(dom, 'vintage');
});

如果保存为 UMD 格式的 JS 文件，那么支持了自注册，直接引入 JS 文件即可：

// HTML 引入 vintage.js 文件后（假设主题名称是 "vintage"）
var chart = echarts.init(dom, 'vintage');
// ...