首页 > 代码库 > echarts柱状图实现每个柱子颜色不同
echarts柱状图实现每个柱子颜色不同
需求如下:
series : [ { name:‘直接访问‘, type:‘bar‘, barWidth: ‘60%‘, data:[10, 52, 200, 334, 390, 330, 220], //重点在这,设置itemStyle itemStyle:{ normal:{ color:function(params){ var colorList = [ ‘#C1232B‘,‘#B5C334‘,‘#FCCE10‘,‘#E87C25‘,‘#27727B‘, ‘#FE8463‘,‘#9BCA63‘ ]; return colorList[params.dataIndex] } } } } ]
echarts柱状图实现每个柱子颜色不同
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。