It works very well ! thk a lot
thank in advance
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