Angularjs 不要在谷歌折线图上显示0值

Angularjs 不要在谷歌折线图上显示0值,angularjs,charts,google-visualization,Angularjs,Charts,Google Visualization,这是我用来创建折线图的数据,我不想在图表上显示0和负值。我只想跳过这些值 我们可以使用带有计算列的数据视图, 将小于或等于零的值替换为null var data = google.visualization.arrayToDataTable([ ['Year', 'Massachusetts', 'National'], ['2010', 88, 76], ['2011', 0, 82],

这是我用来创建折线图的数据,我不想在图表上显示0和负值。我只想跳过这些值


我们可以使用带有计算列的数据视图,
将小于或等于零的值替换为
null

        var data = google.visualization.arrayToDataTable([
          ['Year', 'Massachusetts', 'National'],
          ['2010',  88,  76],
          ['2011',  0,  82],
          ['2012',  96,  86],
          ['2013',  100,  91],
          ['2014',  0,  94],
          ['2015',  -1,  98],
          ['2016',  100,  99],
          ['2017',  124,  100],
          ['2018',  125,  102]
        ]);
请参阅以下工作片段

google.charts.load('current'{
软件包:['corechart']
}).然后(函数(){
var data=google.visualization.arrayToDataTable([
[‘年’、‘马萨诸塞州’、‘国家’],
['2010',  88,  76],
['2011',  0,  82],
['2012',  96,  86],
['2013',  100,  91],
['2014',  0,  94],
['2015',  -1,  98],
['2016',  100,  99],
['2017',  124,  100],
['2018',  125,  102]
]);
var view=newgoogle.visualization.DataView(数据);
var viewColumns=[0];
对于(var i=1;i0){
valNew=valOrig;
}
返回新的;
},
label:data.getColumnLabel(columnIndex),
类型:data.getColumnType(columnIndex)
});
}
变量选项={
标题:“平均家庭保险费”,
真的吗
};
var chart=new google.visualization.LineChart(document.getElementById('chart');
图表绘制(视图、选项);
});


希望这能有所帮助,尽管上面的方法不是有角度的,但它会以同样的方式工作……这是一个完美的解决方案。谢谢
  var view = new google.visualization.DataView(data);
  var viewColumns = [0];
  for (var i = 1; i < data.getNumberOfColumns(); i++) {
    addViewColumn(i);
  }
  view.setColumns(viewColumns);

  function addViewColumn(columnIndex) {
    viewColumns.push({
      calc: function (dt, row) {
        var valNew = null;
        var valOrig = dt.getValue(row, columnIndex);
        if (valOrig > 0) {
          valNew = valOrig;
        }
        return valNew;
      },
      label: data.getColumnLabel(columnIndex),
      type: data.getColumnType(columnIndex)
    });
  }
interpolateNulls: true