My requirement is to create a diagram which is using different widgets to child and parent nodes. Is there a way to use two or more different custom templates for parent and its child nodes. Please see the image below that is something I want to create

 

 

 

Hi,

I have a licensed kendo 2019 version in my application. Since Kendo provides individual scripts to include rather than the entire library ,I have the required  Chart Scripts in my ASP.NET MVC application.

I have upgraded the version from 2019 to the latest 2023.1.314. The 2023 upgrade includes a lot of breaking changes that includes a bunch of individual .js files. In summary, now it only needs to have:

• Theme based css (default-main.css)
• Jquery (The current version in my application is 3.6.4)
• kendo.all.min.js

Including the above 3 works as expected. However ,when using just the individual scripts for charts rather than the whole set of library which is a huge file, the kendo.drawing.js file breaks .Attachment includes the snapshot for the error.

So the question is, with the 2023 upgrade, Do I have to use kendo.all.min.js rather than using the individual scripts for just the components I have?

I am creating the donut chart with two categories. When one of the values is zero the color set to that category shades the center of the chart. How can I prevent that?




                            $("#" + appendDiv + index).kendoChart({
                                    title: {
                                        position: "bottom",
                                        text: data[0].hospital + `\nPatients ${data[0].total}`,
                                    },
                                    legend: {
                                        position: "top",
                                        visible: false
                                    },
                                    dataSource: {
                                        data: data
                                    },
                                series: [{
                                    type: "donut",
                                    field: "value",
                                    categoryField: "name",
                                }],
                                    seriesDefaults: {
                                        labels: {
                                            template: "${ value }",
                                            position: "center",
                                            visible: true,
                                            background: "transparent",
                                            color: "white",
                                            font:"15px"
                                        }
                                    },
                                seriesColors: ["#46bf6f", "#229dff"],
                                    tooltip: {
                                        visible: true,
                                        template: "${ category } - ${ value }"
                                },
                            })

In the screenshot you'll see that the Category Axis is at the 0 line and the columns go above and below it. How do I put the Category Azix at the bottom of the chart always?

When I'm trying to create a visual function in the "valueAxisItem.title" it throws me an error message:
"Uncaught TypeError: clippedBBox is not a function" in kendo.all.min.js file.

The latest version I use is "'2019.2.514'".

How can I solve this?

Thanks,

Hey, when I open chart it opens the chart in zoom in.
How can I set the initial level zoom, that when I go in it will show me the whole chart ? (without scrolling for zoomout)

greetings.

I drew a line chart where the x-axis is the time value and the y-axis is the number.
How can I highlight (or select) the place corresponding to the time axis of the line chart by clicking the time text link outside the chart?

 

thank you for answer.

 

Need Source code Below Format Kendo Chart with in the Angular 

Present below is jQuery, but instead of jQuery using angular support source code

https://docs.telerik.com/kendo-ui/knowledge-base/display-time-on-value-axis#solution

Please find the reference image

 

Hi,

I have been using kendo ui charts, and in one of pages I have fixed limited space for whole chart area (chart + legend).

Unfortunately, sometimes, dataset for this chart has a lot of elements (30-50) and legend is simply too big (regardless of position, it doesn't fit together with chart in designated space). 

Is there a way to customize legend (to limit its area and have only that area with scrollbar (if I put it right or left), or can I load legend elements in dropdown, so it can be extended if needed?

Any suggestions how to handle this?

Thank you

Regards,

Vedad

Hello,

Do you know a solution to prevent labels from ending up outside the chartarea?

For example a possibility to automatically resize the plotarea? ( i would like to keep 'position: "outsideEnd"')

 

Here : https://dojo.telerik.com/ObitALOK

 

Thank you