echarts自动设置曲线组的不重复的多种颜色
1、默认echarts提供的颜色,最多是11种
2、这个是图例较多时的例子,通过注释掉type:scroll这句,可以看到右侧的图例中,颜色出现重复的情况
3、这里我们使用hsl定义颜色先看下hsl的定义及设置
4、先设置一个简单的colorList,查看一下色调、饱和度、亮度的值对颜色的影响
5、我们茧盯璜阝就是通过程序,自动调整色调、饱和度、亮度这三个值,然后实现不同颜色的显示。当饱和度、亮度大于80或小于30会偏亮或偏暗,所以这里饱和度、亮度的取值在30到80之间从运行结果可以看出,颜色已经不重复了
6、示例代码已经上传,可以自己测试修改
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:24
阅读量:35
阅读量:80
阅读量:95
阅读量:27