Hello, I have a chart on my page, and I'm trying to change one column color (the black theme is applied, and unfortunately the first two colors appear to be blue and a lighter blue). I've used the code below and I have successfully changed the color of one column, however the legend does not reflect the color change. It shows black as opposed to the violet which is displayed in the column.
$("#reqcovmre").kendoChart({
theme: $(document).data("kendoSkin") || "black",
title: {
text: "MRE Rations Requirements Coverage"
},
legend: {
position: "bottom"
},
seriesDefaults: {
type: "column"
},
series: [{
name: "Requirement",
data: [11044800, 12304800]
}, {
name: "Production",
data: [9759443, 44415115],
color: "violet"
}],
valueAxis: {
labels: {
format: "{0:N0}"
},
majorUnit: 10000000
},
categoryAxis: {
categories: ["PEACETIME", "SURGE"]
},
tooltip: {
visible: true,
format: "{0:N0}"
}
});