How to set the bar chart color in echarts?

There are several ways to set the color of bar graphs in Echarts, two common methods are highlighted below:

  1. Set the color using the itemStyle in the series.
option = {
    // ... 其他配置项

    series: [
        {
            name: '柱状图',
            type: 'bar',
            data: [10, 20, 30, 40, 50],
            itemStyle: {
                color: '#ff0000' // 设置柱状图的颜色
            }
        }
    ]
};

In the code above, you can set the color of the bar chart to red by specifying the color property in the itemStyle of the series.

  1. Set the color using the data from the series.
option = {
    // ... 其他配置项

    series: [
        {
            name: '柱状图',
            type: 'bar',
            data: [
                {
                    value: 10,
                    itemStyle: {
                        color: '#ff0000' // 设置柱状图的颜色
                    }
                },
                {
                    value: 20,
                    itemStyle: {
                        color: '#00ff00' // 设置柱状图的颜色
                    }
                },
                // ...
            ]
        }
    ]
};

In the code above, you can individually set the color for each data item by setting the itemStyle property in the data of the series.

bannerAds