版權聲明
本篇是將文章內容整理濃縮,作為學習之用,下文會一一附上原文連結,如有侵權,經告知之後會立即撤下
引用文章
Documentation - Apache ECharts
實踐筆記
筆記
設定主題的方法
- 颜色主题(Theme)
- 调色盘
- 直接样式设置(itemStyle、lineStyle、areaStyle、label、…)
- 视觉映射(visualMap)
加載颜色主题的方法 1
1 | var chart = echarts.init(dom, 'light'); |
加載颜色主题的方法 2
JS 主题代码保存一个 主题名.js 文件
然后在 HTML 中引用该文件,
1
最后在代码中使用该主题
- init 的時候添加屬性
1
var myChart = echarts.init(document.getElementById('main'), 'wonderland'); // dark 可尝试修改为 light
- init 的時候添加屬性
调色盘
- 可以在 option 中设置。
- 它给定了一组颜色,图形、系列会自动从其中选择颜色。
- 可以设置全局的调色盘,也可以设置系列自己专属的调色盘。
- 全局
https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a6c9c608-a1e4-4f49-bb19-1e7e0b3e3320/--圖片要修改--.png - 系列自己的