[英]Google charts - Plot trendlines on column chart
我試圖在柱形圖上繪制趨勢線。 但線條沒有顯示。 請參考jsfiddle https://jsfiddle.net/sashant9/m04py64w/
我根據谷歌圖表文檔使用了'趨勢線:{1:{},2:{}}'。
請檢查下面的代碼。
function drawVisitorGraph() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Date');
data.addColumn('number', 'Search Visitors');
data.addColumn('number', 'Unique Visitors');
data.addRow(["2015-07-01",1774,3266]);
data.addRow(["2015-07-02",1891,3017]);
data.addRow(["2015-07-03",1572,2730]);
data.addRow(["2015-07-04",979,1604]);
data.addRow(["2015-07-05",1024,1702]);
data.addRow(["2015-07-06",2163,4097]);
var chart = new google.visualization.ColumnChart(document.querySelector('#visitor_graph'));
var options = {
bars: 'vertical',
vAxis: {format: 'decimal'},
trendlines: { 1:{},2:{}},
width: '100%',
height: '100%',
colors: ['#070979', '#EC0F13']
}
chart.draw(data,options);
}
//google.setOnLoadCallback(drawChart);
google.load('visualization', '1.1', {packages: ['corechart'], callback: drawVisitorGraph});
請嘗試下面的代碼,在這里檢查工作小提琴。
function drawVisitorGraph() {
var data = new google.visualization.DataTable();
data.addColumn('date', 'Date');
data.addColumn('number', 'Search Visitors');
data.addColumn('number', 'Unique Visitors');
data.addRow([new Date(2015,07,01),1774,3266]);
data.addRow([new Date(2015,07,02),1891,3017]);
data.addRow([new Date(2015,07,03),1572,2730]);
data.addRow([new Date(2015,07,04),979,1604]);
data.addRow([new Date(2015,07,05),1024,1702]);
data.addRow([new Date(2015,07,06),2163,4097]);
var chart = new google.visualization.ColumnChart(document.querySelector('#visitor_graph'));
var options = {
bars: 'vertical',
vAxis: {format: 'decimal'},
trendlines: { 0:{},1:{}},
width: '100%',
height: '100%',
colors: ['#070979', '#EC0F13']
}
chart.draw(data,options);
}
//google.setOnLoadCallback(drawChart);
google.load('visualization', '1.1', {packages: ['corechart'], callback: drawVisitorGraph});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.