Echarts 样式

最新推荐文章于 2024-07-24 10:40:52 发布

木叶二柱子

最新推荐文章于 2024-07-24 10:40:52 发布

阅读量119

点赞数

分类专栏： ECharts 文章标签： Echarts 颜色主题高亮样式数据可视化前端开发

本文链接：https://blog.csdn.net/lzy2213811239/article/details/125390299

版权

ECharts 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

颜色主题（Theme）

var chart = echarts.init(dom, 'dark');

调色盘

option = {
  // 全局调色盘。
  color: [
    '#c23531',
    '#2f4554',
    '#61a0a8',
    '#d48265',
    '#91c7ae',
    '#749f83',
    '#ca8622',
    '#bda29a',
    '#6e7074',
    '#546570',
    '#c4ccd3'
  ],

  series: [
    {
      type: 'bar',
      // 此系列自己的调色盘。
      color: [
        '#dd6b66',
        '#759aa0',
        '#e69d87',
        '#8dc1a9',
        '#ea7e53',
        '#eedd78',
        '#73a373',
        '#73b9bc',
        '#7289ab',
        '#91ca8c',
        '#f49f42'
      ]
      // ...
    },
    {
      type: 'pie',
      // 此系列自己的调色盘。
      color: [
        '#37A2DA',
        '#32C5E9',
        '#67E0E3',
        '#9FE6B8',
        '#FFDB5C',
        '#ff9f7f',
        '#fb7293',
        '#E062AE',
        '#E690D1',
        '#e7bcf3',
        '#9d96f5',
        '#8378EA',
        '#96BFFF'
      ]
      // ...
    }
  ]
};