在条形图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开始执行,这是否回答了您的问题?