Home forums Using CanvasJS Labels of jQuery Stacked Bar Charts Reply To: Labels of jQuery Stacked Bar Charts

#29157

Hi i tryed but it doesn’t work
this is my code
window.onload = function () {

var options = {
animationEnabled: true,
theme: “light2”,
title:{
text: “Situazuione ore annua”
},
axisY2:{
prefix: “”,
lineThickness: 0
},
toolTip: {
shared: true
},
legend:{
verticalAlign: “top”,
horizontalAlign: “center”
},
dataPointWidth: 10,
data: [
{ type: “stackedBar”, name: “Angelo AM”, showInLegend: “true”, axisYType: “secondary”, color: “#3399CC”,
dataPoints: [
{ y: 3, label: “North” } ,
{ y: 0, label: “Napoli” } ,
{ y: 2, label: “MMM” },
{ y: 0, label: “Fucile” },
{ y: 0, label: “Edile” },
{ y: 31, label: “ecolo” },
{ y: 18, label: “alixxxxx” },
{ y: 0, label: “2020 *****” } ,

{ y: 31, label: “North” } ,
{ y: 0, label: “Napoli” } ,
{ y: 0, label: “MMM” },
{ y: 0, label: “Fucile” },
{ y: 0, label: “Edile” },
{ y: 126, label: “ecolo” },
{ y: 9, label: “alixxxxx” },
{ y: 0, label: “2019 **********” } ,

{ y: 0, label: “North” } ,
{ y: 0, label: “Napoli” } ,
{ y: 0, label: “MMM” },
{ y: 0, label: “Fucile” },
{ y: 6, label: “Edile” },
{ y: 31, label: “ecolo” },
{ y: 12, label: “alixxxxx” },
{ y: 0, label: “2018 **********” }

]
},
{ type: “stackedBar”, name: “Dalberto DM”, showInLegend: “true”, axisYType: “secondary”, color: “#5ae2d3”,
dataPoints: [
{ y: 0, label: “North” } ,
{ y: 14, label: “Napoli” } ,
{ y: 32, label: “MMM” },
{ y: 1, label: “Fucile” },
{ y: 0, label: “Edile” },
{ y: 5, label: “ecolo” },
{ y: 1, label: “alixxxxx” },
{ y: 0, label: “2020” } ,

{ y: 0, label: “North” } ,
{ y: 13, label: “Napoli” } ,
{ y: 76, label: “MMM” },
{ y: 0, label: “Fucile” },
{ y: 0, label: “Edile” },
{ y: 20, label: “ecolo” },
{ y: 1, label: “alixxxxx” },
{ y: 0, label: “2019” } ,

{ y: 44, label: “North” } ,
{ y: 0, label: “Napoli” } ,
{ y: 18, label: “MMM” },
{ y: 0, label: “Fucile” },
{ y: 0, label: “Edile” },
{ y: 0, label: “ecolo” },
{ y: 1, label: “alixxxxx” },
{ y: 0, label: “2018” }

]
},
{ type: “stackedBar”, name: “Gioppino GP”, showInLegend: “true”, axisYType: “secondary”, color: “#8cdba6”,
dataPoints: [
{ y: 0, label: “North” } ,
{ y: 26, label: “Napoli” } ,
{ y: 9, label: “MMM” },
{ y: 1, label: “Fucile” },
{ y: 0, label: “Edile” },
{ y: 33, label: “ecolo” },
{ y: 0, label: “alixxxxx” },
{ y: 0, label: “2020” } ,

{ y: 0, label: “North” } ,
{ y: 18, label: “Napoli” } ,
{ y: 14, label: “MMM” },
{ y: 0, label: “Fucile” },
{ y: 0, label: “Edile” },
{ y: 106, label: “ecolo” },
{ y: 0, label: “alixxxxx” },
{ y: 0, label: “2019” } ,

{ y: 27, label: “North” } ,
{ y: 9, label: “Napoli” } ,
{ y: 0, label: “MMM” },
{ y: 4, label: “Fucile” },
{ y: 0, label: “Edile” },
{ y: 33, label: “ecolo” },
{ y: 0, label: “alixxxxx” },
{ y: 0, label: “2018” }

]
},
{ type: “stackedBar”, name: “Paperino PT”, showInLegend: “true”, axisYType: “secondary”, color: “#adf486”,
dataPoints: [
{ y: 7, label: “North” } ,
{ y: 26, label: “Napoli” } ,
{ y: 0, label: “MMM” },
{ y: 17, label: “Fucile” },
{ y: 0, label: “Edile” },
{ y: 25, label: “ecolo” },
{ y: 0, label: “alixxxxx” },
{ y: 0, label: “2020” } ,

{ y: 66, label: “North” } ,
{ y: 9, label: “Napoli” } ,
{ y: 0, label: “MMM” },
{ y: 12, label: “Fucile” },
{ y: 0, label: “Edile” },
{ y: 80, label: “ecolo” },
{ y: 0, label: “alixxxxx” },
{ y: 0, label: “2019” } ,

{ y: 32, label: “North” } ,
{ y: 10, label: “Napoli” } ,
{ y: 0, label: “MMM” },
{ y: 27, label: “Fucile” },
{ y: 0, label: “Edile” },
{ y: 25, label: “ecolo” },
{ y: 0, label: “alixxxxx” },
{ y: 0, label: “2018” }

]
}
]
};
$(“#chartContainer”).CanvasJSChart(options);

}
The problem are the labels on the left side