Stock chart series color wrong

[Alex]

I have an area type stock chart showing three series. I am trying to set the colors for the series, but it is not showing my colors. It seems that it takes the last series color I specify, it approximates it (badly, pinkish color instead of red), and then approximates the other two based on the last one, not based on the specified values.
Attached is the image showing the colors I am getting, instead of plain blue, yellow, and red.

What is happening?

$stockChart.kendoStockChart({
    theme: global.app.chartsTheme,
    renderAs: "svg",
    dataSource: loanInterestDataSource,
    title: {
        position: "top",
        text: "The Boeing Company (NYSE:BA)"
    },
    chartArea: {
        background: "",
        width: $(window).width(),
        margin: app.emToPx(1)
    },
    seriesColors: ["#0000ff", "#ffff00","#ff0000"],
    dateField: "Date",

    series: [
        {
            type: "area",
            field: "Frnt"
        },
        {
            type: "area",
            field: "Intr"
        },
        {
            type: "area",
            field: "Fees"
        }
    ],
    navigator: {
        series: {
            type: "area",
            field: "Intr"
        }
    }
});

[Hristo Germanov]

Hello Alex,

I think that you need to set different series.opacity because there is one from the themes.

...
seriesDefaults: { opacity: 1 }
...

Regards,
Hristo Germanov
Telerik

 

 

[Alex]

Thank you Hristo, that worked.