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自动设置曲线组的不重复的多种颜色
  • dinput与xinput区别
  • 全境封锁画质设置
  • Beyond Compare如何设置对齐方式
  • xbox二代无线适配器怎么配对#校园分享#
  • 最后生还者重制版医院攻略
  • 热门搜索
    消防安全手抄报内容字 清明节手抄报内容简短 健康饮食手抄报 弟子规手抄报 五年级数学手抄报 关于数学的手抄报 汉字手抄报图片 十分简单的读书手抄报 关于古诗的手抄报 关于法制的手抄报