2017-04-25 37 views
1

當我運行我的谷歌圖表時,我很迷惑這個錯誤信息。這是我生成圖表的代碼。谷歌圖表給定軸上的所有系列必須具有相同的數據類型混淆錯誤

function (resultVal) { 
    var arrMain = new Array();//[]; 
    for (var i = 0; i < resultVal.length; i++) { 
     var arr = new Array(resultVal[i].ScaleMin, resultVal[i].CountryNo, resultVal[i].ScaleMax, resultVal[i].Currency); 
     arrMain.push(arr); 
     } 
     var data = new google.visualization.DataTable(); 
     data.addColumn({ type: 'number', id: 'ScaleMin', label: 'ScaleMin' }); 
     data.addColumn({ type: 'number', id: 'CountryNo', label: 'CountryNo' }); 
     data.addColumn({ type: 'number', id: 'ScaleMax', label: 'ScaleMax' }); 
     data.addColumn({ type: 'string', id: 'Currency', label: 'Currency' }); 
     data.addRows(arrMain); 
     var options = { 
     'title': 'Salad Entry', 
     'width': 800, 
     'height': 600 
     }; 
     var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
     google.visualization.events.addListener(chart, 'ready', function() { 
     chart_div.innerHTML = '<img src="' + chart.getImageURI() + '">'; 
     $.ajax({ 
     url: "SaladEntry/SaveToLocal", 
     type: "POST", 
     data: { 'jsonData': chart.getImageURI() }, 
     success: function (ret) { 
     alert(ret); 
     } 
     }); 
     }); 
     chart.draw(data, options); 

這是加載圖表時收到的錯誤消息。

enter image description here

而且陣列的名單我設置爲我的圖表的數據源。

enter image description here

+0

謝謝...我把C#因爲我編碼在C#抱歉放不相關的標記。 – Rob

+0

沒關係:) – Jaxi

回答

3

可以只使用在x軸的'string'數據類型,或者第一列

,除非它被用作一個註釋,工具提示或其他column role

以下列導致問題

data.addColumn({ type: 'string', id: 'Currency', label: 'Currency' }); 

如果您想添加貨幣作爲註釋,然後需要設置role屬性...

data.addColumn({ type: 'string', id: 'Currency', role: 'annotation' }); 

這將導致要顯示在貨幣列中的值在標籤,
作爲註釋,每個點爲系列列上方 - >'ScaleMax'

列的角色只適用於他們遵循

每個圖表類型都有特定的data format其中列出了每列可有什麼類型的系列列

它是所有常見的圖表,如線,面,柱形圖,條形圖等一樣...

編輯

看到下面的工作片段...

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn({type: 'string', label: 'x'}); 
 
    data.addColumn({type: 'number', label: 'y'}); 
 
    data.addColumn({type: 'string', role: 'style'}); 
 
    data.addRow(['one', 1, 'color: green']); 
 

 
    var chart = new google.visualization.BarChart(document.getElementById('chart_div')); 
 
    chart.draw(data, { 
 
     legend: 'none' 
 
    }); 
 
    }, 
 
    packages: ['corechart'] 
 
});
<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>

相關問題