Provide support for dynamic label positions for the Donut chart.

Some labels to be displayed inside the Donut, and other (which couldn't fit) to be outside, similar to:

It will be a good addition to the chart types if the Marimekko Chart was introduced. This chart type is useful for visualizing categorical data distributions with variable column widths.

https://datavizcatalogue.com/methods/marimekko_chart.html

Implementing a Lollipop Chart type would improve data representation. This chart type enhances readability by combining a dot and a line to emphasize data points, making comparisons clearer.

https://datavizproject.com/data-type/lollipop-chart/

The introduction of an Alluvial Diagram chart type would be beneficial. This type of chart helps visualize changes in categorical data over different stages, supporting insights into process flows and transitions.

https://datavizproject.com/data-type/waterfall-plot/

The introduction of an Alluvial Diagram chart type would be beneficial. This type of chart helps visualize changes in categorical data over different stages, supporting insights into process flows and transitions.

https://datavizproject.com/data-type/alluvial-diagram/

Adding a Parallel Sets chart type would enhance data visualization capabilities. This type of chart effectively displays categorical data flows and relationships, making it useful for comparative analysis.

https://datavizcatalogue.com/methods/parallel_sets.html

I would like to modify the crosshair tooltip to display the interpolated y value for the given x position of the crosshair (see data below the chart)

https://stackblitz.com/edit/angular-gv97jtt9-zedgrxxy?file=src%2Fapp%2Fmy-chart%2Fmychart.component.html,src%2Fstyles.css

Hi Team

I was using Kendo UI for Angular to render a Sankey chart.

I checked with the technical support and currently there is no way to adjust the width of link lines in Sankey Chart API for Angular.

In many cases because of data , the link lines appear too big for the whole canvas and does not look good, leading me to use another chart types or alternate libraries.

Request you to please look into this and provide a way as soon as possible.

Thanks

Mohit

It will be a good addition to the Title element if the underlined text option is added.

Currently, it can be added to the font property, but it will break the background property:

https://stackblitz.com/edit/angular-j1wzef?file=src%2Fapp%2Fapp.component.ts

I would like to be able to use a texture, a pattern, or an image as the background of a Kendo chart.

One use-case where this would come handy is a stacked bar chart where all segments of the bar have the same color. A way to visually separate them could be via different textures.

See image below for an example reference:

The legend in the kendo charts has limited customization available via geometry and layouts (inherited from Group <- Element) using the visual property. But this does not allow a complete range of customization equivalent to html templates such as :

1. Table containing multiple information against each legend item. (eg : If the above legend consists of multiple items in a row could use Kendo grid in it).

2. No hyperlinks support in the text for routing to different pages on the UI or anywhere else.(eg : In the above Offline could be a hyperlink to navigate to other detailed page).

This point I think is important. Also an hyperlink (or maybe a click on an svg hide navigate to a separate legend in place).

3. Some other features supported in html such as sliders in a legend to display more info on icon click. (eg : clicking on an icon should expand the details for each legend item ).

4. Not sure if there is an svg support too. (eg:  In the above I would like to place an svg icon in place of circle geometry for colored indicators).

Also it would be much convenient to allow an html template inside the legend instead of coding geometries. The above points are in support for the need for a custom html template to be either accepted as the property of the legend or to allow to construct an html code under the <kendo-chart-legend></kendo-chart-legend>

We have this feature in Kendo Grid:

<ng-template kendoGridNoRecordsTemplate>
  <fa-icon [icon]="faCloudXmark" class="fa-2x"></fa-icon>
  <p>There is no data to display.</p>
</ng-template>

Currently, the label renders to the right:

However, it would be good to have an option to manage the alignment to the left, similar to the RTL mode:

Enhance the chart's Panes configuration to include support for displaying Heatmap charts.

Hi,

I have prepared a forked stackblitz example for a navigator selection with a shared tooltip:

https://stackblitz.com/edit/angular-h1j1hq-kmmqfg?file=src%2Fapp%2Fapp.component.ts

(I also included a screenshot)
There seems to be now way to have a shared tooltip in this scenario that makes sense, clearly no one needs the duplicated items in the tooltip that origins from the navigator selection pane.

So I would propose a flag for a pane to configure if a pane is included in the shared tooltip.

Or alternatively on the series item level a flag that allows for enable / disable or visible / invisible regarding the shared tool tip.

I think there are other cases where this might come handy to have a shared tooltip for several serieses only over one pane, or exclude specific panes and or serieses.

I tried to make the tooltip invisible, on the series level of the navigator pane but something like:

[tooltip]="{ visible: false }"

inside the navigator series seems to be only applicable to the current series tooltips but not the shared ones.

In a line chart where markers are set to be not visible.
There is no way to increase the hit box of a marker (or line) to be hit if I want to trigger the tooltip of the marker.

The mouse hover obviously works better from it's inherent logic (a click not beeing involved), but triggering the tool tip with a touch gesture seems quite fumbly. One has to hit the line very exactly. Up to a point where one has to try several times to make it happen, which makes it very impractical for new users who might not even know that there are tooltips to be displayed.

For further infos here is my forum thread with more details:

https://www.telerik.com/forums/how-can-i-modify-the-hitbox-for-tooltips-in-linecharts-for-a-touchscreen-device

As described there, increasing the marker size does only work when markers are visible.
Making the line thicker might help a little but comes with unwanted optical changes which are impractical for most usecases.

Best Regards,

Leo Härdle

I need to change the background of an area chart at certain values. 

I want to display critical threshold. It could be like in the attached photo with some gradient but normal color blocks or even just some straight lines at the thresholds would be okay. Is there any option to achiev something like that?

This feature request is already logged in the Kendo UI for jQuery portal and upon implementation would be nice to bring the feature also to Kendo UI for Angular Charts.

https://feedback.telerik.com/kendo-jquery-ui/1358671-support-quarters-in-date-series-just-like-weeks

We have noticed that the labels on the y-axis are rendered too close together, almost touching each other. This can be configured by setting the step option.

However, it could be ideal in such cases for the step to be determined automatically by the Chart based on the available space (similar to the rotation option which rotates the label, but in this case to control the step).

Please provide an option to automatically render the labels based on the available space.