Hi

i need change Font and Rotation labels in yAxis , but not applying

Dojo Example

this problem also exists in xAxis mode

Dojo Example

thank you

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

I have a base unit of "Minute" with the interval of 1Million Minutes on x-axis of the chart. Data from 2000 to 2022.

var steps = TotalMinutes * .10; //[11,000,000] * .10 = 1,100,000 minutes

opt..categoryAxis.baseUnit = "minute"

opt..categoryAxis.majorGridLines.step = steps;

opt.categoryAxis.labels.step = steps;

When I try to load  it on the chart the browser crashes.

Is it possible for the chart to handle this type of inputs?

Hi !

I am trying to build a quick proof of concept here: http://dojo.telerik.com/@glajman/aQeTILaY/4

I need to sort the columns by Category, in this case all red Columns together, all blue columns together, etc. In other words, I need all of the same series values rendered together next to each other.  I am attaching a screenshot of how I want this to look.

I created a Data Source and tried sorting and grouping but none worked. Can you help ?

Thanks!

Hi , I'd like to know if there's a way to set the height of the plot area and if not is there a way to get the height of the plot area on the chart. I need the height of the plot area but am unsure how to get it. 

I've looked at https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/plotarea and haven't found how to get or set the plot area height.

Dear team,

We upgraded kendo version from  Kendo UI v2015.1.429 to Kendo UI v2022.2.510. In the upgraded version we are having small ui presentation issuein chart legends. find the below screens ,and we want as square shape legends. Please suggest any way to resolve this issue.

Regards,  Appreciate your support.

See the attached screenshot and dojo link.  How do I show the values as percentages of the total?  For some reason, the chart is starting with 97% rather than 0%.

http://dojo.telerik.com/@kevin@nmthome.com/EbetIVUl

We have a page with many spark lines, for example:

As the user hovers over the chart we have a toot tip display as you can see in the example above.  The user can click any of the charts at the point that they want to drill into more detail.  For example, in the example above the user has moved the mouse over the Corrective Work Orders spark line and then to the 16th week of 2022.  The tooltip is telling the user there are 55 work orders in that week.

The problem: The click event is not always in line with the tool tip.  In the above example what actually loaded was the data for week 17 (not 16).  It's a very specific issue in that if you click in the top part of the chart it will always load correctly but if you click in the bottom 30% or so of the chart it seems quirky, sometimes it will load the correct week, sometimes the wrong one.  You can see in the diagram the mouse cursor is behind the highlighter line at week 17 (I've circled that line in red), but the tool tip shows week 16.  We could tell users "make sure you click in a perfectly vertical line to the highlighter line" but users do what user do and will expect the tooltip to be accurate to the detail they see when they click.  The problem with this we give the wrong information and something bad happens.  I tried setting absolute heights and widths because it was previously even worse and this got me to the 70% right vs 30% wrong situation I have now but I'd like to fix it.

Has anyone run into this previously and found a solution?  Can anyone recommend any course of action to narrow down the issue further?