最近在使用echart开发图标，api里面虽然有些设置，但是如果想让柱状图每个柱的颜色都不相同，简单的通过color设置是没有作用的，这里，就要用到其他的方式了 下面只是列举下我认为比较常用的，其他的比较简单，就不说了 效果就是这样啦 ...

通过ECharts的itemStyle设定一个数组设定颜色的循环，详见begin到end的代码 ...

...

在使用echarts时，遇到一个问题，就是本来应该直接在color中设置的多个颜色不起作用，只显示第一个颜色 用demo中的代码举例： option = { color: ['#c23531','#2f4554', '#61a0a8 ...

xAxis : [ { type : 'category', // name:'额度', 　　　　　　　　//这是设置的false，就不不显示下方的x轴，默认是true ...

最近在使用echart开发图标，api里面虽然有些设置，但是如果想让柱状图每个柱的颜色都不相同，简单的通过color设置是没有作用的，这里，就要用到其他的方式了 下面只是列举下我认为比较常用的，其他的比较简单，就不说了 设置折线颜色部分 最终效果代码 ...

...

分享一个公司项目案例 UI小姐姐给的图是这样的： 最终实现效果： 以下是所有代码 源码：https://gitee.com/DieHunter/myCode/tree/master/Echart/PictorialBar 首先引入Echarts，cdn或npm都行 HTML ...