vue3+ts+echarts饼图,封装的饼图组件,每次调用的时候颜色不重复?

作者站长头像
站长
· 阅读数 19

封装一个echarts的饼图组件,如何让每次调用的时候颜色不重复,封装echats饼图组件我会,如何让颜色不重复怎么解决?有思路也可以

回复
1个回答
avatar
test
2024-07-02

方案1:随机生成颜色:

function getColor(){
                var color = "#";
                //一个十六进制的值的数组
                var array = ["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];
                //得到6个随机数
                for (var i = 0; i < 6; i++) {
                    var num = parseInt(Math.random()*16);
                    color += array[num];
                }
                return color;
            }

方案二:多下载几套主题:answer image

https://echarts.apache.org/zh/theme-builder.html
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容