如何繪製JQPlot條形圖中的十進制值？

Question

我正在使用jqplots生成條形圖。我能夠爲整個數字生成精確的圖表。但是我無法爲具有小數點的值生成圖表。下面是我用的代碼：

<script type="text/javascript"> 
$(document).ready(function(){ 
$.jqplot.config.enablePlugins = true; 
var s1 = ['1.5','3.0', '0.0', '0.0', '0.0', '3.0', '0.0']; 
var ticks = ['New mould', 'Raw Material', 'color/size', 'Imported/Catalogue' , 'Printing' , 'plating' , 'other']; 
plot1 = $.jqplot('chart1', [s1], {  
// Only animate if we're not using excanvas (not in IE 7 or IE 8)..   
animate: !$.jqplot.use_excanvas,  
seriesDefaults:{   
renderer:$.jqplot.BarRenderer,   
pointLabels: { show: true }   
},  
axes: {   
xaxis: {  
renderer: $.jqplot.CategoryAxisRenderer,  
ticks: ticks    
}, 
yaxis: { tickOptions: { formatString: '%.2f' } } 
}, highlighter: { show: false } 
});   
$('#chart1').bind('jqplotDataClick',function (ev, seriesIndex, pointIndex, data) 
{    
$('#info1').html('series: '+seriesIndex+', point: '+pointIndex+', data: '+data);   
}  
); 

}); 

</script> 

我收到erroe如下：

這個[R] ._蜱[0]未定義 http://blrsrigwd11074.itcinfotech.com:81/Windchill/netmarkets/javascript/report/plugins/jqplot.pointLabels.min.js 線57

請幫幫我在這個問題上。

Answer 1

我可以通過首先查看代碼來發現錯誤。 但我不確定，如果這是錯誤的真正原因。

您正在使用的數據陣列作爲var s1 = ['1.5', '3.0', '0.0', '0.0', '0.0', '3.0', '0.0']; jqPlot試圖讀取從數據陣列中的值，並且它期待一個Integer或Decimal值（S）。

就你而言，你正在傳遞String值到數組中。所以你所要做的就是從值中刪除單引號（''）。

數組應該是這樣的，var s1 = [1.5, 3.0, 0.0, 0.0, 0.0, 3.0, 0.0]; //Remove quotes

爲了證實這一點，我跑你的代碼通的jsfiddle。這裏是鏈接JSFiddle Code

嘗試兩個小提琴中的數組，引號（var s1 = ['1.5', '3.0', '0.0', '0.0', '0.0', '3.0', '0.0'];）和不帶引號（var s1 = [1.5, 3.0, 0.0, 0.0, 0.0, 3.0, 0.0]）的值。單引號的不會繪製條形圖。

希望它有幫助。