2014-12-05 103 views
0

我面臨一個問題,我在這裏找不到任何幫助我的問題。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); 



    }  

}); 
+0

這個:'<%=value%>',應該是'<?php echo $ value; ?>'...相同的另一種情況... – Hackerman 2014-12-05 19:51:20

+1

這不是問題羅伯特。實際上,<%=value%>工作並顯示Chart內的實際價值。 有一個像這樣的價值和如何使用它的文檔。 但圖例選項不起作用,只接受布爾值。 – bcesars 2014-12-05 19:54:31

回答

0

我有同樣的問題,請刪除傳奇在你的代碼

傳說:「Vendas Mensais「

Flw manolo

2

嘗試刪除該行內的數據集:

legend: "Vendas Mensais", 
+1

謝謝。它的工作。 – bcesars 2014-12-16 12:12:02