title: google line chart points manipulation based on series value
body: <p>I am using Google Line Chart for my project. I need to manipulate points on the line chart based on the values. For example, if the value is less then 170 then it shows default point on line chart and if it is greater then 170, it should show different point on the line chart. how should i put different color for points in the line chart for one series? Here is my code:</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;script type="text/javascript" src="https://www.google.com/jsapi"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
        google.load("visualization", "1", {packages:["corechart"]});
        google.setOnLoadCallback(drawChart);
        function drawChart() {
          var data = google.visualization.arrayToDataTable([
            ['Date', 'Record'],
            ['4/1',  165],
            ['4/2',  160],
            ['4/3',  163],
            ['4/4',  173]
          ]);
  
          var options = {
            title: 'Line Chart', pointSize : 5 };
  
          var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
          chart.draw(data, options);
        }
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;`enter code here`
      &lt;div id="chart_div" style="width: 900px; height: 500px;"&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Plese help me on this.</p>