3

プロジェクトに Google 折れ線グラフを使用しています。値に基づいて折れ線グラフのポイントを操作する必要があります。たとえば、値が 170 未満の場合、折れ線グラフのデフォルト ポイントが表示され、170 より大きい場合、折れ線グラフの別のポイントが表示されます。1 つの系列の折れ線グラフのポイントに別の色を付けるにはどうすればよいですか? これが私のコードです:

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      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);
      }
    </script>
  </head>
  <body>`enter code here`
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

これについて私を助けてください。

4

1 に答える 1