Questions on Kendo UI for jQuery Forum

2 questions

1 answer

74 views

Kendo ThemeBuilder styles not applying to simple chart.

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

Charts

Styling

answered on 07 Dec 2022

1 answer

95 views

Labels alignment of x-series

Hi All,

We have a problem with the labels alignment in the x-series of the chart. We would like the value of the series to be aligned with the end of the label and not with the center of it. In attached you can see, as an example, that the value 04/17 is not aligned at the end of the label 17/04 but is in the center.

Can you help us with this issue?

thank you so much in advance,

Claudio

Charts

Styling