我面臨一個問題,我在這裏找不到任何幫助我的問題。ChartNew不顯示項目圖例
我正在使用ChartNew.js,它可以在圖表中爲最終用戶設置數據的圖例。 即使在我的JavaScript中設置這個選項,這個選項似乎沒有爲我工作。 儘管我的圖表可以正常使用Ajax Request並在屏幕上顯示結果,但只有圖例選項似乎不合作。
任何人都可以幫助我,並找出爲什麼這個傳說不工作?
我的整個JavaScript代碼波紋管:
$(document).ready(function(){
$.ajax({
type: "GET",
url: "<?php echo "http://".$_SERVER['SERVER_NAME']."/epedidos/Dashboard/dataChart/";?>",
success: function(response) {
var obj = JSON.parse(response);
//console.log(obj.Cidade);
var valorMax = obj.reduce(function(a, b) {
return Math.max(a, b.Valor);
}, 0);
var scale = valorMax/10;
//console.log(valorMax);
var cidade = new Array();
var valor = new Array();
var i = 0;
for (i in obj) {
cidade[i] = obj[i].Cidade;
valor[i] = obj[i].Valor;
}
drawBarChart(cidade, valor, scale);
}
});
function drawBarChart(cidade, valor, scale){
var barChartData = {
labels : cidade,
datasets : [
{
label : "Vendas",
fillColor : "rgba(0,0,220,0.5)",
strokeColor : "rgba(0,0,220,0.8)",
highlightFill: "rgba(0,0,220,0.75)",
highlightStroke: "rgba(0,0,220,1)",
legend: "Vendas Mensais",
data : valor
}
]
}
var barOptions = {
responsive : true,
barValueSpacing : 12,
barDatasetSpacing : 5,
scaleFontSize: 12,
legend: true,
inGraphDataShow: true,
showTooltips: true,
yAxisUnit: "R$",
yAxisLabel: "Valores R$",
yAxisLeft : true,
xAxisLabel: "Top 10 Cidades",
xAxisTop: true,
scaleLabel : "R$ <%=value%>",
inGraphDataTmpl : "R$ <%=v3%>",
scaleOverride : true,
scaleStartValue : 0,
scaleSteps : 10,
scaleStepWidth : scale,
thousandSeparator : ".",
decimalSeparator : ",",
roundNumber : 0
}
var ctx = document.getElementById("bar-chart").getContext("2d");
window.myBar = new Chart(ctx).Bar(barChartData, barOptions);
}
});
這個:'<%=value%>',應該是'<?php echo $ value; ?>'...相同的另一種情況... – Hackerman 2014-12-05 19:51:20
這不是問題羅伯特。實際上,<%=value%>工作並顯示Chart內的實際價值。 有一個像這樣的價值和如何使用它的文檔。 但圖例選項不起作用,只接受布爾值。 – bcesars 2014-12-05 19:54:31