Google visualization 在google柱形图中定义两个y轴的属性

Google visualization 在google柱形图中定义两个y轴的属性,google-visualization,Google Visualization,我正在寻找一种在谷歌柱状图中定义两个不同y轴的方法。我已经在这里找到了一些帮助:以及其他各种帖子 我设法在我的图表中得到了两个轴,我可以将数据正确地连接到不同的轴上 我现在的问题是,我似乎无法赋予两个y轴不同的属性。我在brakets上写的所有东西似乎都被谷歌图表忽略了。如果我为两个轴设置属性,它会工作-但是我想要两个不同的标题 我的代码似乎遗漏了一些重要的东西 这是我的代码,我正在尝试做: function drawChart002() { // grab the CSV jQuery.

我正在寻找一种在谷歌柱状图中定义两个不同y轴的方法。我已经在这里找到了一些帮助:以及其他各种帖子

我设法在我的图表中得到了两个轴,我可以将数据正确地连接到不同的轴上

我现在的问题是,我似乎无法赋予两个y轴不同的属性。我在brakets上写的所有东西似乎都被谷歌图表忽略了。如果我为两个轴设置属性,它会工作-但是我想要两个不同的标题

我的代码似乎遗漏了一些重要的东西

这是我的代码,我正在尝试做:

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}}
    },

非常感谢你!我知道我错过了一些小东西:)它现在工作得很好:)没问题!祝你的项目好运