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.
Hello,
The feature applies mainly to scatter plots and is as follows:
* The user has the ability to select individual data points by clicking on them after which they are highlighted.
* The user has the ability to select regions of points by clicking and dragging. These regions can be a lasso, rectangle, oval, free form, or any other shape.
* The user has the ability to select multiple points or regions of points simultaneously (i.e. previously selected points/regions don't "unselect" when the user selects new ones).
An example of this is this Lightning Charts example: https://lightningchart.com/lightningchart-js-interactive-examples/edit/lcjs-example-0040-customLassoInteraction.html?isList=true
I'm also attaching a script that you can copy and paste into the example above which shows the ability to select rectangular regions and individual data points.
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
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 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;
}
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.
https://stackblitz.com/edit/angular-sdmdrbjt-5yunmeo2
Currently, in Kendo UI for Angular Charts, when using multiple axes of the same orientation (e.g., two Y axes), only the major grid lines of the first axis are displayed. The grid lines of the second axis (Y2) are ignored, even if enabled in the configuration. This limits the readability of multi-axis charts, as it is not possible to visually distinguish the graduations of each axis.
Add an option (for example, showGridLinesOnAllAxes: true) that would allow displaying major grid lines on all axes, not just the primary one.
The Kendo team suggests using plot bands to simulate the grid lines of the second axis, but this solution is less convenient and requires manual configuration.
Below is a screenshot of what it might look like; the first graph shows what is currently possible, and the second shows what would be possible if this feature were added.
When setting the color using a function, a TypeScript error will occur because the property expects a value of type string.
Type '(e: SeriesLabelsContentArgs) => string' is not assignable to type 'string'.The color properties of the Chart components should support a callback to prevent such errors, as this is a valid feature to implement. The current workaround is to skip type checking.
<kendo-chart-series-item-labels
[color]="$any(labelColor)"
>
Colour gradient on AreaChart would look great - see workaround below: https://stackblitz.com/edit/angular-x1vrhq?file=app/app.component.ts
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:
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)
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
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>