Google visualization 在google柱形图中定义两个y轴的属性
我正在寻找一种在谷歌柱状图中定义两个不同y轴的方法。我已经在这里找到了一些帮助:以及其他各种帖子 我设法在我的图表中得到了两个轴,我可以将数据正确地连接到不同的轴上 我现在的问题是,我似乎无法赋予两个y轴不同的属性。我在brakets上写的所有东西似乎都被谷歌图表忽略了。如果我为两个轴设置属性,它会工作-但是我想要两个不同的标题 我的代码似乎遗漏了一些重要的东西 这是我的代码,我正在尝试做:Google visualization 在google柱形图中定义两个y轴的属性,google-visualization,Google Visualization,我正在寻找一种在谷歌柱状图中定义两个不同y轴的方法。我已经在这里找到了一些帮助:以及其他各种帖子 我设法在我的图表中得到了两个轴,我可以将数据正确地连接到不同的轴上 我现在的问题是,我似乎无法赋予两个y轴不同的属性。我在brakets上写的所有东西似乎都被谷歌图表忽略了。如果我为两个轴设置属性,它会工作-但是我想要两个不同的标题 我的代码似乎遗漏了一些重要的东西 这是我的代码,我正在尝试做: function drawChart002() { // grab the CSV jQuery.
function drawChart002() {
// grab the CSV
jQuery.get("csv/compare_time_percent.csv", function(csvString) {
// transform the CSV string into a 2-dimensional array
var arrayData = jQuery.csv.toArrays(csvString, {onParseValue: jQuery.csv.hooks.castToScalar});
for(var i=1; i< arrayData.length; i++){
var row = arrayData[i];
for(var j=0; j< row.length; j++){
var el = row[j];
if(j == 0){
row[j] = new Date(el);
}
}
}
// this new DataTable object holds all the data
var data = new google.visualization.arrayToDataTable(arrayData);
// this view can select a subset of the data at a time
var view = new google.visualization.DataView(data, true);
// view.setColumns([0,1]);
// set chart options
var options = {
title: "",
series:{0: {targetAxisIndex:0},
1: {targetAxisIndex:1},
2: {targetAxisIndex:1}
},
hAxis: {title: data.getColumnLabel(0)},
vAxis: {0: { title: 'Unterschied in Prozent'},
1: { title: 'Temperatur in Celsius', viewWindow: {min: -20, max: 20}}
},
curveType: 'function',
legend: { position: 'bottom' },
};
// create the chart object and draw it
var chart_div = document.getElementById('div_002');
var chart = new google.visualization.ColumnChart(document.getElementById('div_002'));
var chart_div_print = document.getElementById('div_002_link');
var chart_print = new google.visualization.ColumnChart(document.getElementById('div_002_link'));
// wait for the chart to finish drawing before calling the getImageURI() methode
google.visualization.events.addListener(chart, 'ready', function () {
chart_div.innerHTML = '<img src="' + chart.getImageURI() + '">';
document.getElementById('div_002_link').outerHTML = '<a href="' + chart.getImageURI() + '">Printable version</a>';
console.log(div_002);
});
chart.draw(view, options);
});
}
// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart002);
函数drawChart002(){
//抓住CSV
获取(“csv/compare\u time\u percent.csv”,函数(csvString){
//将CSV字符串转换为二维数组
var arrayData=jQuery.csv.toarray(csvString,{onParseValue:jQuery.csv.hooks.castToScalar});
对于(变量i=1;i
但是google charts没有使用标题,而是没有为两个轴打印任何标题,而且他也忽略了viewWindow选项
我希望我的问题是清楚的,你能帮我找到我的错误并帮我解决我的问题你使用的是
vAxis
,应该是vAxes
vAxes: {0: { title: 'Unterschied in Prozent'},
1: { title: 'Temperatur in Celsius', viewWindow: {min: -20, max: 20}}
},
非常感谢你!我知道我错过了一些小东西:)它现在工作得很好:)没问题!祝你的项目好运