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
• Alluvial Diagram
• Waterfall Plot (not the same as the waterfall chart currently available, which is great too!)
• Lollipop Chart

Hi,

This documentation Stackblitz demo is broken (see screenshot below for details).

Hi,

Please provide an ability to set the axis range in the drag/zoom events.

Thanks

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?

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>

Expected: Clicking on an item in the legend is supposed to toggle it's visibility.

Using kendo-angular-charts 5.1.0, if you add a series input, this does not happen. A full, minimal reproduction of this issue is available At the StackBlitz link below. The top chart has no issues (hides series upon clicking) while the bottom does.

https://stackblitz.com/edit/angular-5it8qu?file=app%2Fapp.module.ts

Screenshots of above repro:

It appears that there is a line deep in the codebase that says:

const seriesComponent = this.seriesComponents.get(index);
if( !seriesComponent ){ return; }
seriesComponent.toggleVisibility();

And the seriesComponents array is empty when you use the [series] binding.

We even went so far as to bind to the legend click event and toggle the visibility myself, but it is 100% ignored.
It was something like:

public onLegendClick(event: LegendClickEvent){
  event.series.visibility = !event.series.visibility;
  event.source.refresh();
  event.source.changeDetector.markForCheck();
}

Calling refresh did redraw the chart, but it was still visible/enabled. Even though digging into it with ng.getComponent on the kendo-chart, and looking at the series, it clearly showed series[0].visible to be false.

I had to make an assumption on version for this ticket since the dropdown on the bug report doesn't list 5.1.0. I wouldn't mind tips on understanding how to match up your marketing version name with your npm version. I spent 20 minutes looking around for that, but your versioning doc and release history don't seem to have anything about the actual version numbers used by package management.

I want to align the Chart Plot Area on the left side (similar to the position property of the Legend component).

Currently, the same can be achieved only with the Drawing API in render event handler. Here is an example:

https://stackblitz.com/edit/angular-ucwo6p

Providing a built-in position option for alignment of the Plot Area will be an easier and intuitive appraoch. 

Thanks.

Please provide the Charts selection functionality for vertical category axis as well.

thank you

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:

It would be great if your pan and zoom had sliders to more easily navigate a long duration chart.  

See these couple examples: https://www.amcharts.com/demos/line-chart-with-range-slider/  https://www.amcharts.com/demos/zoomable-value-axis/

Describe the bug
The <kendo-chart-series-item> component is missing settings for median and mean elements rendered by Box Plot series.

These are the two lines within each box (dashed line is mean):

Expected behavior
These series elements should be customizable and should accept an object containing color, width, dashType and opacity.

Please see the attached screenshot. 

On the leftmost  side, the donut chart on the top has dark blue color (Oil). And i am using the same color for the bubble chart below. But the color on the bubble is not showing dark blue but lighter one. Interestingly if i mouse over on the bubble. the color turns dark blue. how can we make it show the right color(dark blue)? and only show lighter blue when mouse over?

this is my template in case you need it. 

Please provide a global Charts font property that allows to set the font for all Chart elements.

Thank you.

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, __  __  __  __  __  __  __  __  __  __  __  __ 

Hi,

I'd it would be great if Kendo offered a way to build 2D density plot, even myabe somthing similar to a seaborn  https://python-graph-gallery.com/82-marginal-plot-with-seaborn/