echarts给柱状图某个柱子设置颜色

1.引用官网的例子，运行后是默认的颜色。

2.给柱状图整体设置颜色

var option = {title: {text: 'ECharts 入门示例'},tooltip: {},legend: {data: ['销量']},xAxis: {data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]},yAxis: {},series: [{name: '销量',type: 'bar',data: [25, 24, 20, 36, 1, 10, 20],//给柱状图整体设置颜色itemStyle: {normal: {color: '#4ad2ff'},}}]

3.想要给指定柱状图设置颜色

series: [{name: '销量',type: 'bar',data: [//第一个柱子设置颜色{value: 25,itemStyle: {color: '#b6dcb6'},}, 24, 20, 36, 1, 10, 20]}]

这样的话，就可以给某个柱子设置颜色

如此类推，就能制作出漂亮的柱状图

echarts给柱状图某个柱子设置颜色

1.引用官网的例子，运行后是默认的颜色。

2.给柱状图整体设置颜色

var option = {title: {text: 'ECharts 入门示例'},tooltip: {},legend: {data: ['销量']},xAxis: {data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]},yAxis: {},series: [{name: '销量',type: 'bar',data: [25, 24, 20, 36, 1, 10, 20],//给柱状图整体设置颜色itemStyle: {normal: {color: '#4ad2ff'},}}]

3.想要给指定柱状图设置颜色

series: [{name: '销量',type: 'bar',data: [//第一个柱子设置颜色{value: 25,itemStyle: {color: '#b6dcb6'},}, 24, 20, 36, 1, 10, 20]}]

这样的话，就可以给某个柱子设置颜色

如此类推，就能制作出漂亮的柱状图