Hi.
my chart bar design and legend items design does not match up
my kendo configuration
$("#my-score-chart").kendoChart({
transitions: false,
tooltip: { visible: false },
legend: {
orientation: 'horizontal',
position: "bottom"
},
plotArea: {
margin: { top: 20, bottom: 20, left: 20, right: 20 }
},
seriesDefaults: {
type: "bar",
spacing: 0,
gap:10,
highlight: { visible: false },
labels: {
visible: true,
position: "outsideEnd",
template: "#= value #"
}
},
series: [
{ name: "2025", data: [75, 75], color: "#254599" },
{ name: "2024", data: [50, 50], color: "#92A7E0" },
{ name: "2023", data: [25, 35], color: "#FFFFFF", border: { width: 1, color: "#616D80", dashType: "solid" } }
],
valueAxis: {
visible: false
},
categoryAxis: {
categories: ["Strategy & Leadership", "Governance"],
majorGridLines: { visible: false },
labels: { color: "#000" }
}
});