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;
}

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.

Hi Kendo Theme,

The current behavior will re-render the Chart and the tooltip or crosshair disappear and the user will need again to hover over the series. This behavior can be observed in the following example:

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

The desired behavior would be to keep the popup open or the crosshair present when updating the data.

Thank you for your consideration.

Currently, the width property is available only for horizontally oriented legend:

Provide an option to set the width of the legend when orientation is set to vertical.

Hi,

Please provide an option to render a Legend for the Chart Pane components.

thanks

We have enjoyed using Kendo UI and the chart tooling that is provided, but our business cases are beginning to need advanced data visualization beyond the chart types currently available.

The additional chart types we need are:

• Marimekko Chart
• Parallel Sets
• Sankey Diagram
• Alluvial Diagram
• Waterfall Plot (not the same as the waterfall chart currently available, which is great too!)
• Lollipop Chart

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?

Please take a look at this following example: https://stackblitz.com/edit/grouped-bar-chart-missing-values?file=app/app.component.ts

Problem:

The 2nd and 3rd series don't have data for 1/16/2020, but the chart still creates placeholders for where they would have been if there was data for those points.
If there are many missing values in the middle of the group, the outermost values appear as if they belong to the adjacent groups (they are visually closer).

Desired behaviour:

I would like the option to omit the blank space created for each missing value. The end result should be that missing values don't generate gaps and all the existing values cluster directly adjacent to each other. Clarifying example below.

I understand that this is not a bug and that it can be useful to have the placeholders for missing data, but would like to have the ability to not have them take up space. Over multiple dates and with 10-15+ series the chart can start looking very confusing with which date the bar actually belongs to.

This is somewhat related "missingValues", but differs in that instead of replacing a missing value with something (even a gap), here we want the component to behave as if it never existed.

The behaviour could be optional and toggle-able through a property binding, e.g. [hideMissingValues]="true".

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:

Hi,

Is it possible to have synchronized crosshairs for the category axis when there are two or more chart panes in the same chart?

The desired effect I would like to have would look something like this (attached in kendo crosshair.png). Even better if a tooltip can also appear in the other chart pane at the same time (the one not being hovered over).

So far, I have seen that this isn't possible based on this post elated post for jQuery: https://www.telerik.com/forums/stacked-plot-with-separate-y-axis

What I have tried so far to no avail is to take the chart's plotAreaHoverEvent: https://www.telerik.com/kendo-angular-ui/components/charts/api/PlotAreaHoverEvent/, grab the instance of the chart (event.sender) and try to look for a way to make the other chart pane's crosshair appear, but it appears this isn't doable as the crosshair appears to only be rendered when the mouse enters the chart pane area.

Thanks!

Hi Telerik,

Is there way to have more configuration options on chart series DashTypes? For example, we'd like to use just dash (no dot), but with the capability of configuring how long the solid/white parts are. Currently, we are limited to 2 options: dash and longDash. We'd like to have more, e.g.,

1, _________  ____________  _____________

2, ______  _______  _______  _______  _______

3, ___  ___  ___  ___  ___  ___  ___  ___  ___ 

4, __  __  __  __  __  __  __  __  __  __  __  __