Kendo ThemeBuilder styles not applying to simple chart.

1 Answer 152 Views
Charts Styling
Christopher
Top achievements
Rank 2
Iron
Christopher asked on 07 Dec 2022, 11:47 AM | edited on 07 Dec 2022, 11:48 AM

I used the themebuilder to create a jqeury ui theme based off the default theme. I set default data viz colors and exported the theme. However, my simple sample bar chart still shows the default colors. Not sure what the problem is... Any thoughts?

 

Here you can see the colors just fine (themebuilder):

 

Here's how the chart looks when I use the theme (I'm just using kendo demo code):

 

Code:

 


$("#chart").kendoChart({
                title: {
                    text: "Site Visitors Stats"
                },
                subtitle: {
                    text: "/thousands/"
                },
                theme: 'default',
                legend: {
                    visible: false
                },
                seriesDefaults: {
                    type: "bar"
                },
                series: [{
                    name: "Total Visits",
                    data: [56000, 63000, 74000, 91000, 117000, 138000]
                }, {
                    name: "Unique visitors",
                    data: [52000, 34000, 23000, 48000, 67000, 83000]
                }],
                valueAxis: {
                    max: 140000,
                    line: {
                        visible: false
                    },
                    minorGridLines: {
                        visible: true
                    },
                    labels: {
                        rotation: "auto"
                    }
                },
                categoryAxis: {
                    categories: ["Jan", "Feb", "Mar", "Apr", "May", "Jun"],
                    majorGridLines: {
                        visible: false
                    }
                },
                tooltip: {
                    visible: true,
                    template: "#= series.name #: #= value #"
                }
            });

1 Answer, 1 is accepted

Sort by
0
Accepted
Christopher
Top achievements
Rank 2
Iron
answered on 07 Dec 2022, 02:10 PM
Found the answer, had to set the "theme" property to "sass" on the chart (even though I'm not using sass at all).
Tags
Charts Styling
Asked by
Christopher
Top achievements
Rank 2
Iron
Answers by
Christopher
Top achievements
Rank 2
Iron
Share this question
or