0%

ECharts 02 样式设置

版權聲明

本篇是將文章內容整理濃縮,作為學習之用,下文會一一附上原文連結,如有侵權,經告知之後會立即撤下

引用文章

ECharts 样式设置

Documentation - Apache ECharts

實踐筆記

6/29 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

调色盘

直接的样式设置

高亮的样式:emphasis