ECharts 可以通过样式设置来改变图形元素或者文字的颜色、明暗、大小等。
颜色主题
ECharts4 开始,除了默认主题外,内置了两套主题,分别为 light 和 dark。
也可以在官方的 主题编辑器 选择自己喜欢的主题下载
目前主题下载提供了 JS 版本和 JSON 版本,如果你使用 JS 版本,可以将 JS 主题代码保存一个 主题名.js 文件,然后在 HTML 中引用该文件,最后在代码中使用该主题。
如下:选中了一个主题,将 JS 代码保存为 wonderland.js。
如果下载的是json类型的,自行加载和注册。
如下:选中了一个主题,将 JSON 代码保存为 wonderland.json。
注意:因为使用了$.getJSON,所以需要引入 jQuery
调色盘
调色盘可以在 option 中设置,可以设置全局的调色盘,也可以设置系列自己专属的调色盘。
全局调色盘:
系列调色盘:
直接的样式设置 itemStyle, lineStyle, areaStyle, label, ...
高亮的样式:emphasis