Angularjs 不要在谷歌折线图上显示0值
这是我用来创建折线图的数据,我不想在图表上显示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],
我们可以使用带有计算列的数据视图,
将小于或等于零的值替换为
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