手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

echarts自动设置曲线组的不重复的多种颜色

时间:2024-10-20 02:28:57

1、默认echarts提供的颜色,最多是11种

echarts自动设置曲线组的不重复的多种颜色

2、这个是图例较多时的例子,通过注释掉type:scroll这句,可以看到右侧的图例中,颜色出现重复的情况

echarts自动设置曲线组的不重复的多种颜色

3、这里我们使用hsl定义颜色先看下hsl的定义及设置

echarts自动设置曲线组的不重复的多种颜色
echarts自动设置曲线组的不重复的多种颜色

4、先设置一个简单的colorList,查看一下色调、饱和度、亮度的值对颜色的影响

echarts自动设置曲线组的不重复的多种颜色

5、我们茧盯璜阝就是通过程序,自动调整色调、饱和度、亮度这三个值,然后实现不同颜色的显示。当饱和度、亮度大于80或小于30会偏亮或偏暗,所以这里饱和度、亮度的取值在30到80之间从运行结果可以看出,颜色已经不重复了

echarts自动设置曲线组的不重复的多种颜色

6、示例代码已经上传,可以自己测试修改

echarts自动设置曲线组的不重复的多种颜色
© 手抄报圈