谷歌的图表点颜色

Question

是否有可能改变颜色的点在谷歌图表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 
      } 
     } 

Answer 2

谢谢您的建议。但是，系列1不适用于我： 以下代码将蓝线打印出来，但不显示点。如果我切换1和0.然后它显示红色的点，但没有线。在系列之前，我只是在hAxis之后有了pointSize：4。这工作，除了点和线相同的颜色。

{title: 'progress', 

    vAxis: { 
      title: 'Grade', 
      titleTextStyle: {color: 'red'}, 
      gridlines: {count: 7}, 
      viewWindow: { min: 0, 
         max: 100, 
         valueLabelsInterval: 20} 
     }, 

    hAxis: { 
      title: 'Q date', 
      titleTextStyle: {color: 'red'}, 
      slantedText: true 
     }, 

    series: { 
      0: {lineWidth: 2}, 
      1: { 
      color: 'red', 
      lineWidth: 0, 
      pointSize: 4 
      } 
     } 
}