Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/jpa/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在条形图javascript中显示值_Javascript_Chart.js_Bar Chart - Fatal编程技术网

在条形图javascript中显示值

在条形图javascript中显示值,javascript,chart.js,bar-chart,Javascript,Chart.js,Bar Chart,如果你能帮我解决这个问题,我将不胜感激。 我需要能够显示绘制的条形图顶部的值,也就是说,它们不仅在鼠标经过条形图时可见,而且还显示静态值。 这是最后一张图表: 这是我的代码: success: function(response){ $("#myChart2").remove(); $("#Grafica2").append('<canvas id="myCh

如果你能帮我解决这个问题,我将不胜感激。

我需要能够显示绘制的条形图顶部的值,也就是说,它们不仅在鼠标经过条形图时可见,而且还显示静态值。

这是最后一张图表:

这是我的代码:

        success: function(response){
                $("#myChart2").remove();
                $("#Grafica2").append('<canvas id="myChart2"></canvas>');
                var obj = JSON.parse(response);
                var labels = [];
                var colors = [];
                var values = [];
                for(var i in obj){
                    colors.push(getRandomColor())
                    labels.push(obj[i].TipoConsult)
                    values.push(obj[i].PzsTotal)
                }
                new Chart(document.getElementById("myChart2"), {
                    type: 'bar',
                    data: {
                    labels: labels,
                    datasets: [
                        {
                        label: "Total piezas scrap generadas",
                        backgroundColor: colors,
                        data: values
                        }
                    ]
                    },
                    options: {
                    legend: { display: false },
                    title: {
                        display: true,
                        text: 'Total de piezas scrap generadas por "'+TipoConsulta+'" entre las fechas '+FechaMin+' y '+FechaMax
                    }
                    }
                });
        }
成功:功能(响应){
$(“#myChart2”).remove();
$(“#Grafica2”)。附加(“”);
var obj=JSON.parse(响应);
var标签=[];
var颜色=[];
var值=[];
用于(obj中的var i){
colors.push(getRandomColor())
labels.push(obj[i].TipoConsult)
values.push(obj[i].PzsTotal)
}
新图表(document.getElementById(“myChart2”){
类型:'bar',
数据:{
标签:标签,
数据集:[
{
标签:“总piezas废料产生量”,
背景颜色:颜色,
数据:值
}
]
},
选项:{
图例:{display:false},
标题:{
显示:对,
正文:“总废料产生量”+TipoConsulta+“+fechas”+FechaMin+“y”+FechaMax
}
}
});
}

我强烈建议将您的代码粘贴到帖子中,而不是拍摄一张图片,以便回答问题的人能够更轻松地复制片段并突出显示片段。您的问题应该隐藏在chart.js的文档中。如果chart.js不提供这样的功能,您可以从Scratch开始执行,这是否回答了您的问题?