当前位置: 首页 > article >正文

echarts 饼图超过9种颜色就重复了,如何自定义颜色

echarts的饼图默认超过9个颜色就会重复了,我们可以自定义饼图的颜色。

方法一、在option里面直接设置

const option = {
    legend: {
        // 
    },
    color: ["red", '#000'] //在这里自定义颜色数组即可
}

方法二、在 option.series.data 里面配置

// 定义一个颜色数组
const colorList = ['red', 'blue', '#fff']
option.series.forEach(item => {
    if (item.data && item.data.length > 0) {
       // 对每一个data,指定一个颜色
       item.data.forEach((i, index) => {
       // 注意取模
           i.itemStyle = { color: colorList[index % (colorList.length - 1)] }
       })
    }
})


http://www.kler.cn/a/465717.html

相关文章:

  • 【服务器项目部署】✈️将本地项目部署到服务器(二)!
  • 约瑟夫问题
  • c-动态内存管理 (动态内存管理比较深入的分析和理解博客总结)
  • 大白话拆解——多线程中关于死锁的一切(七)(已完结)
  • QML自定义进度条和单选按钮的样式
  • 智慧工地解决方案 1
  • 【vue项目中漏洞修复】
  • Spring源码分析之事件机制——观察者模式(一)
  • 硬件-射频-PCB-常见天线分类-ESP32实例
  • 855. 考场就座
  • 线性代数自学资源推荐我的个人学习心得
  • Java 代码审计入门-07】SQL关键字
  • HTML5新特性|05 CSS3边框CSS3背景
  • 每天40分玩转Django:Django性能优化
  • wpf 国际化 try catch comboBox
  • C# 设计模式(结构型模式):享元模式
  • 如何在iOS 11 中禁用高效图像格式 (HEIF)
  • 【Vim Masterclass 笔记01】Section 1:Course Overview + Section 2:Vim Quickstart
  • 适用不同业务场景的6种销售预测模型
  • WPF自定义任务栏缩略图
  • CSS进阶和SASS
  • halcon三维点云数据处理(二)
  • 《向量数据库指南》混合检索系统的深度探索与实践:从POC到生产级解决方案的构建
  • 毕设中所学
  • MCA:用于图像识别的深度卷积神经网络中的多维协同注意力
  • MAC录屏QuikTimePlayer工具录屏声音小免费解决方案