javascript - ChartNew 不显示项目图例

Question

我遇到了一个问题，我在这里找不到任何可以帮助我的内容。

我正在使用 ChartNew.js，它可以为最终用户在图表中设置数据图例。即使在我的 JavaScript 中设置此选项，此选项似乎对我不起作用。虽然我的图表可以与 Ajax 请求正常配合并在屏幕中显示结果，但只有图例选项似乎不配合。

任何人都可以帮我找出为什么这个图例不起作用吗？

我的整个 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);



    }       

});

Answer 1

尝试删除数据集中的这一行:

legend: "Vendas Mensais",