GoogleCharts API-带有两个yAxis的图表-与GoogleSheets中的一个类似
我做了大量的研究,我不敢相信在当前版本的Google Charts API中,我做不出像Google Sheets中那样的图表——有2个带独立值的yAxis和一个普通的xAxis *更新:到目前为止,我设法做了一个条形图和折线图。我需要完全相同的东西,但现在左边的vAxis的值是1到5。我需要右边的附加值,其值从0到2(目前,“STD”还有一个附加值,但它的值不是0到2,而是1到5)GoogleCharts API-带有两个yAxis的图表-与GoogleSheets中的一个类似,charts,Charts,我做了大量的研究,我不敢相信在当前版本的Google Charts API中,我做不出像Google Sheets中那样的图表——有2个带独立值的yAxis和一个普通的xAxis *更新:到目前为止,我设法做了一个条形图和折线图。我需要完全相同的东西,但现在左边的vAxis的值是1到5。我需要右边的附加值,其值从0到2(目前,“STD”还有一个附加值,但它的值不是0到2,而是1到5) 问题解决了 google.load('visualization', '1', {packages: ['cor
问题解决了强>
google.load('visualization', '1', {packages: ['corechart']});
google.setOnLoadCallback(drawVisualization);
function drawVisualization() {
var data = google.visualization.arrayToDataTable([
['Month', 'AVRG', 'STD'],
['Item 1', 4.1, 1.5],
['Item 2', 2.1, 1.1],
['Item 3', 3, 0.7],
['Item 4', 2, 1.5],
['Item 5', 2, 1.7],
['Item 6', 1.1, 0.3]
]);
var options = {
title : 'Title',
hAxis: {title: "Month"},
vAxes:[
{
title: "AVRG",
gridlines: {
count: 5
},
baseline: 1,
format: "#"
},
{
title: "STD",
gridlines: {
count: 2
},
baseline: 0,
format: "#"
}
],
series:[
{targetAxisIndex:0},
{targetAxisIndex:1, type: "line"}
],
seriesType: "bars"
};
var chart = new google.visualization.ComboChart(document.getElementById('visualization'));
chart.draw(data, options);
}
可能重复。你在这里有答案:。还有一些类似的问题和答案。不,我不需要右边有动词的图表。我需要一个有2个vAxis的组合图-每个vAxis值不同。请参见此示例:
google.load('visualization', '1', {packages: ['corechart']});
google.setOnLoadCallback(drawVisualization);
function drawVisualization() {
var data = google.visualization.arrayToDataTable([
['Month', 'AVRG', 'STD'],
['Item 1', 4.1, 1.5],
['Item 2', 2.1, 1.1],
['Item 3', 3, 0.7],
['Item 4', 2, 1.5],
['Item 5', 2, 1.7],
['Item 6', 1.1, 0.3]
]);
var options = {
title : 'Title',
hAxis: {title: "Month"},
vAxes:[
{
title: "AVRG",
gridlines: {
count: 5
},
baseline: 1,
format: "#"
},
{
title: "STD",
gridlines: {
count: 2
},
baseline: 0,
format: "#"
}
],
series:[
{targetAxisIndex:0},
{targetAxisIndex:1, type: "line"}
],
seriesType: "bars"
};
var chart = new google.visualization.ComboChart(document.getElementById('visualization'));
chart.draw(data, options);
}