google-visualization - 如何将特定颜色分配给特定行？（谷歌可视化）

Question

如何使用谷歌图表（google.visualization API）设置折线图上特定线条的颜色？我正在可视化一个已经具有与每条线关联的特定颜色的数据集（并且颜色关联很重要）。

我知道通过图表选项设置通用调色板，例如：

chart.draw(dataTable, { colors: ['red', '#ff9933', 'pink', /* ...etc... */ ] });

但我不想设置调色板，我想为特定的线条分配特定的颜色。理想情况下，我想将颜色放在数据表本身中。

Answer 1

您不能将颜色放在 DataTable 中，但您可以使用 series 选项按数据系列分配它们：

chart.draw(dataTable, {
    series: {
        0: {
            // set the color of the first data series
            color: 'red'
        },
        1: {
            // set the color of the second data series
            color: '#ff9933'
        },
        2: {
            // set the color of the third data series
            color: 'pink'
        }
        // etc
    }
});

如果您的数据系列是动态的，您也可以动态构建颜色，并在绘制时将它们设置在选项中。