Question

我正面临一个问题，我在这里找不到任何可以帮助我的事情。

我正在使用ChartNew.js，可以在Chart中为最终用户设置数据图例。即使在我的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);



    }       

});

Answer 1

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

legend: "Vendas Mensais",

Answer 2

我遇到同样的问题，在代码中移除图例

传奇：“Vendas Mensais”

Flw manolo

ChartNew不显示项目图例

2 个答案: