echarts内の棒グラフの色を設定する方法は何ですか?

Echartsで棒グラフの色を設定する方法はいくつかありますが、以下によく使われる2つの方法を記載します。

  1. itemStyleを使用して、series内の色を設定します。
option = {
    // ... 其他配置项

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

上記のコードでは、シリーズのitemStyle内でcolorプロパティを設定することで、棒グラフの色を赤色に設定することができます。

  1. シリーズ内のデータを使用して、色を設定する。
option = {
    // ... 其他配置项

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

seriesのdataにitemStyle属性を設定することで、各データアイテムごとに色を個別に設定できます。

bannerAds