My chart series design and legend does not tally

0 Answers 4 Views
Charts
Benjamin
Top achievements
Rank 3
Iron
Iron
Veteran
Benjamin asked on 12 Jun 2025, 10:04 AM

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" }
    }

});


No answers yet. Maybe you can help?

Tags
Charts
Asked by
Benjamin
Top achievements
Rank 3
Iron
Iron
Veteran
Share this question
or