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

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

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.

We've already implemented several Kendo Chart performance optimization techniques, including:

• Canvas Rendering.
• Inline Series Binding.
• Disabling Animated Transitions.
• Disabling Gradients.
• Hiding Minor Grid Lines.
• Date Grouping using Category Axis in Date Mode.

However we are still experiencing issues when using large amounts of data.

Hi team,

Please provide an animate property part of the Tooltip interface and all tooltip-related components:

https://www.telerik.com/kendo-angular-ui/components/charts/api/TooltipComponent/

https://www.telerik.com/kendo-angular-ui/components/charts/api/ValueAxisCrosshairTooltipComponent/

https://www.telerik.com/kendo-angular-ui/components/charts/api/SeriesTooltipComponent/

..etc

Currently, the tooltip animations can be disabled through the tooltipInstance.tooltip property of the Chart reference:

@ViewChild('chart') public chart: ChartComponent;
ngAfterViewInit() {
    this.chart.tooltipInstance.animate = false;
}

Hello ,

Kindly Have issue with stacked bar when try to draw two items in chart  with specified with as the below  

<kendo-chart-series>
  <kendo-chart-series-item type="bar" [stack]="{ type: '100%' }" [data]="[97]">
  </kendo-chart-series-item>
  <kendo-chart-series-item type="bar" [stack]="{ type: '100%' }" [data]="[7]">
  </kendo-chart-series-item>
</kendo-chart-series>

Hi,

In the current implementation of the Kendo Chart, I'm utilizing the "panable" feature to enable movement of the chart horizontally. However, after zooming, I would prefer to utilize scrollbars instead of dragging to navigate through the chart. I would like to request a feature that allows for this behavior.

Thank you for your consideration.

Hi,

Please provide an option that allows forcing the chart to use whole numbers for its value axis when zooming in or out. It's not something uncommon to have charts that can't have decimals (eg. number of people).

Thank you

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 Radar Chart cannot be zoomed in/out. Please, provide a zoomable property that would allow the developer to achieve this functionality.

Hi,

Can you improve the behaviour of AxisDefaultLabels content to automatically use multiple lines when labels are overlapped instead of split them manually by using the function ?

Actual :

Expected :

Thank you for your consideration.