javascript - 谷歌图表点颜色

Question

是否可以在 Google 图表 API 中更改点颜色，如下所示:

从这里:

对此:

谢谢!

Answer 1

试着看看这个 jsFiddle Example由 asgallant 创建 here

“API 中不支持在同一系列中使线条和数据点具有不同的颜色。您可以伪造您想要的东西，但，通过使用 DataView，您的数据在两列中重复。将第一个系列着色为“黑色”，将第二个系列着色为“红色”，lineWidth = 0 且 pointSize > 0。”

来自示例:

var options = {
        title: 'Load vs Length',
        titlePosition: 'out',
        legend: {
            position: 'none'
        },
        hAxis: {
            title: 'Length (inch)',
            viewWindow: {
                min: 0
            },
            format: '#.000'
        },
        vAxis: {
            title: 'Load (pound)',
            viewWindow: {
                min: 0
            }
        },
        series: { //Create 2 separate series to fake what you want. One for the line             and one for the points
            0: {
                color: 'black',
                lineWidth: 2
            },
            1: {
                color: 'red',
                lineWidth: 0,
                pointSize: 5
            }
        }