谷歌圖

Question

我創建了使用谷歌的可視化，但無法獲得第二列

var data = google.visualization.arrayToDataTable([ 
     ['Year', 'Sales', 'Expenses'], 
     ['2004', 1000, 400], 
     ['2005', 1170, 460], 
     ['2006', 660, 1120], 
     ['2007', 1030, 540] 
    ]); 

    var view = new google.visualization.DataView(data); 
    view.setColumns([0, 1,{ 
          calc: "stringify", 
          sourceColumn: 1, 
          type: "string", 
          role: "annotation" 
         }, 
         2]); 

    var options = { 
     title: 'Company Performance', 
     hAxis: { title: 'Users', titleTextStyle: { color: 'red', fontSize: 16} }, 
     legend: { position: 'bottom', textStyle: { color: 'blue', fontSize: 16} } 
    }; 
    var chart = new google.visualization.ColumnChart(document.getElementById('chart_div')); 
    chart.draw(view, options); 

的數據值來對銷售數據值的圖表，但不是費用列顯示數據值的柱形圖

Answer 1

你需要另一個註釋列添加到視圖：

var view = new google.visualization.DataView(data); 
view.setColumns([0, 1, { 
    calc: "stringify", 
    sourceColumn: 1, 
    type: "string", 
    role: "annotation" 
}, 2, { 
    calc: "stringify", 
    sourceColumn: 2, 
    type: "string", 
    role: "annotation" 
}]); 

Answer 2

dataView.setColumns（[{計算值：功能（數據，行）{返回data.getFormattedValue（行，0）; }，輸入：'string'}，1,2]）;