我创建了一个Google折线图,随着时间的推移它具有多个值
数据是指历史数据,从某个时间点开始是预测数据。我想划分(分割)图表以区分预测信息的历史信息。
并获得如下图表:
有没有办法做到这一点?
最佳答案
通过将'annotation'
角色列添加到DataTable中的域(x轴)列,并将annotation.<annotation column index>.style
选项设置为'line'
,可以得到一条垂直线。这是一个例子:
function drawChart () {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Month');
data.addColumn({type: 'string', role: 'annotation'});
data.addColumn('number', 'Value');
data.addRows([
['Jun', null, 3],
['Jul', null, 5],
['Aug', null, 4],
['Sep', null, 4],
['Oct', null, 8],
['Nov', 'this month', 6],
['Dec', null, 2]
]);
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, {
height: 400,
width: 600,
annotation: {
1: {
style: 'line'
}
}
});
}
google.load('visualization', '1', {packages:['corechart'], callback: drawChart});
看到它在这里工作:http://jsfiddle.net/asgallant/pkwqt/
关于javascript - Google折线图划分网格线,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19985553/