This is a migrated thread and some comments may be shown as answers.

Stock chart series color wrong

2 Answers 43 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Alex
Top achievements
Rank 1
Alex asked on 16 May 2014, 08:09 PM

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

2 Answers, 1 is accepted

Sort by
0
Accepted
Hristo Germanov
Telerik team
answered on 20 May 2014, 11:28 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Alex
Top achievements
Rank 1
answered on 20 May 2014, 04:21 PM
Thank you Hristo, that worked.
Tags
Charts
Asked by
Alex
Top achievements
Rank 1
Answers by
Hristo Germanov
Telerik team
Alex
Top achievements
Rank 1
Share this question
or