Echarts的使用之制作红黑榜柱形图（前后三名柱体颜色、数据颜色不一致）

一只前端阿米

于 2021-09-30 16:39:21 发布

阅读量2.8k

点赞数

文章标签： echarts javascript css

本文链接：https://blog.csdn.net/weixin_38545763/article/details/120567560

版权

要求实现效果：
在这里插入图片描述

在一次项目中，有个管理仪表盘页需要制作，所以就选择了使用echarts来显示数据，
第一次用的时候很好用诶！！还觉得有点神奇！哈哈哈哈  土白就是我叭（又土有小白，我就是代言人！）

在这里插入图片描述

在制作过程中，也是遇到了很多的坎坷，因为策划出来的样式，emmmm，还是比较多姿多彩（？）的，以下就老唠唠我遇过的坎！

1、制作红黑榜，要求：前三名与后三名的柱体颜色、数据颜色不一致；
在这里插入图片描述
柱体颜色设置：
根据官网提供的例子，在data里面可以设置itemStyle样式：

每个柱