如何根据值更改线条颜色[Google图表]

时间:2019-05-15 17:36:27

标签: javascript

我有一个图表可以代表特定地点的某些温度,我正在使用Google图表工具(面积图),如果温度高于25度,我会尝试放置不同的颜色(橙色)

JavaScript代码

function drawChart() {
      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Data');
      data.addColumn('number', 'Temperatura ºC');

        data.addColumn({ type: 'number', role: 'annotation' });
        var array = JSON.parse('<%=jsonStringTemp%>');
        console.log(array);



      for(var i=0; i<array.length;i++){
        var array2=[];
          for (j = 0; j < array[i].length; j++){
              if (typeof array[i][j]==='string') {
                  if (j !== 0) {
                      array[i][j]=parseInt(array[i][j], 10)
                  }
              }
            array2.push(array[i][j])
          }
          data.addRow(array2)
        }

       console.log(data)
       var options = {
          title: 'Temperatura',
          hAxis: {title: 'Data',  titleTextStyle: {color: '#333'}},
           vAxis: { minValue: 0 },
           series: {
               0: {

                   color: 'green'
               },
           },
           pointSize: 6
        };

;

        var chart = new google.visualization.AreaChart(document.getElementById('linechart_material'));
      chart.draw(data, options); 
     }

输出 enter image description here

有可能做到吗?又如何?

0 个答案:

没有答案