Google điểm biểu đồ màu

Question

Có thể thay đổi màu sắc điểm trong api biểu đồ của Google, một cái gì đó như thế này:

Từ này:

Để này:

Cảm ơn!

Answer 1

Hãy thử dùng một cái nhìn tại jsFiddle Example này được tạo ra bởi asgallant here

"Có không hỗ trợ trong API để làm đường và các điểm dữ liệu đã màu sắc khác nhau trong cùng một loạt Bạn có thể giả những gì bạn. muốn, mặc dù, bằng cách sử dụng một DataView với dữ liệu của bạn lặp đi lặp lại trong hai cột. Làm cho chuỗi đầu tiên có màu 'đen' và màu thứ hai 'đỏ' với lineWidth = 0 và pointSize> 0. "

Từ Ví dụ:

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

Cảm ơn bạn đã gợi ý của bạn. Tuy nhiên, chuỗi 1 không hoạt động đối với tôi: Mã sau, in dòng màu xanh lam nhưng không hiển thị điểm. Nếu tôi chuyển đổi 1 và 0. Sau đó, nó hiển thị các điểm màu đỏ, nhưng không có dòng. Trước khi thay vì loạt tôi chỉ có pointSize: 4, ngay sau hAxis. Điều đó làm việc, ngoại trừ các điểm và đường có cùng màu.

{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 
      } 
     } 
}