गूगल चार्ट बिंदु रंग

Question

करने वाले लाइन चार्ट में, कुछ इस तरह बिंदु रंग बदलने के लिए क्या यह संभव है!

Answer 1

asgallant द्वारा बनाई गई इस jsFiddle Example पर एक नज़र लेने की कोशिश करें here

"वहाँ लाइनों और डेटा बिंदुओं बनाने के लिए एपीआई में कोई समर्थन इसी श्रृंखला में अलग अलग रंग है। आप नकली आप क्या कर सकते हैं चाहते हैं, हालांकि, दो डेटा में दोहराए गए डेटा के साथ डेटाव्यू का उपयोग करके। पहली श्रृंखला रंगीन 'काला' और दूसरा रंग 'लाल' लाइनविड्थ = 0 और पॉइंटसाइज> 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 स्विच करता हूं तो यह अंक लाल रंग में दिखाता है, लेकिन कोई रेखा नहीं है। श्रृंखला के बजाए मेरे पास सिर्फ पॉइंट साइज़ था: 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 
      } 
     } 
}