Description: When 'shared' tooltip is enabled (tooltip: {shared: true}) keyboard navigation through chart triggers JavaScript error and tooltip on focus is not shown, neither shared nor regular tooltip. It works without issues when 'shared' is disabled, but when it is enabled errors are triggered.
Steps to reproduce:
- Open Dojo example https://dojo.telerik.com/@oleksii.shumakov@thomsonreuters.com/UqixUyuj
- Open browser's console (F12)
- Run the script
- With mouse click on "India" legend item once -> India line is disabled
- Click on "India" legend item once more -> India line is enabled
- Using keyboard hit Shift+Tab -> Browser's console shows error: "Uncaught TypeError: Cannot read properties of undefined (reading 'format')"
- Using keyboard hit Tab -> Dot on chart line becomes highlighted but no tooltip is shown
Stack trace of the issue:
kendo.all.js:290271 Uncaught TypeError: Cannot read properties of undefined (reading 'format')
at init.show (kendo.all.js:290271:1)
at init._displayTooltip (kendo.all.js:302830:1)
at init._focusFirstPoint (kendo.all.js:302653:1)
at init._navigatePoints (kendo.all.js:302577:1)
at init._keydown (kendo.all.js:302540:1)
show @ kendo.all.js:290271
_displayTooltip @ kendo.all.js:302830
_focusFirstPoint @ kendo.all.js:302653
_navigatePoints @ kendo.all.js:302577
_keydown @ kendo.all.js:302540Versions of KendoUI with the issue: 2024.2.514, 2024.3.806
Bug report
The stack bar chart is not rendered as expected when stack.type is set
Reproduction of the problem
- Open d the Demos - https://demos.telerik.com/kendo-ui/bar-charts/stacked100-bar or the API
- https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/series.stack#seriesstacktype
- https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/seriesdefaults.stack.type
Current behavior
The Chart is not rendered correctly, the bars are misaligned.
Expected/desired behavior
The bars should be aligned.
Regression: The issue is reproducible starting with 2024.1.130 version
Environment
- Kendo UI version: 2024.1.130
- Browser: [all ]
We are using asp mvc, but the but it is completely reproduceable with only jquery as shown in the file attached.
When using a scatter chart with a date axis any zooming with the mouse wheel will crash most if not all browsers.
At the very least current versions of chrome (97.0.4692.99), firefox (96.0.1) and edge (97.0.1072.62).
When I create a chart with multiple axis, if an axis has negative values and others don't, the zero is wrong positioned on the Y axis with negative values. Currently it can only be positioned manually with min and max values. It would be great a new option to do it automatically. Example: http://dojo.telerik.com/IYavE
Your silverlight Timebar is Briliant. I suggest you implement something like that(maybe a litle less complex) in KendoUI.
I would like to be able to see each of the y-axis values plotted along, for example, each of the values of a line or stacked chart, at all times.
Feature request
The Kendo UI ToolTip exposes the AutoHide functionality. However, this option could not be configured for the labels' tooltip of the Kendo UI Chart
Expected/desired behavior
Be able to configure the AutoHide of the chart's tooltips. When the user hovers out, the tooltip should be persisted until a mouse click is present.
Environment
* **Kendo UI version:** 2019.3.1023
* **jQuery version:** 1.12.4
* **Browser:** [all]
The bar chart should read the value for the first day or the week from the current culture set with kendo.culture.
As they are, plotbands are meaningless. There should be a facility to attach a permanent label or at least a tooltip to the plotband areas.
It is currently possible to add titles to the Chart, Category and y-Axis, however there is no option to add a title to the legend box.
I want the chart rendered with svg to be able to pan and zoom on a touch device.
The only series.highlight option that seems to be supported by "column" charts is highlight.visible. The other options, such as border and color should be supported.
The out of the box legend does not offer the ability to split its items and to show them as labels over the series (graphs).
Extract my attached zip file and look at the MSWord document which shows you where I would like to position the 2 legends.
What would be great would be to have the ability to highlight a series plot point. The scenario is this: - A datasource that has category, value, 'some other data'. - The chart displays category, value - A separate table outside the chart shows 'some other data' from the data source. - When the user clicks a particular series plot point, show the related 'some other data' to that point and highlight the point on the chart. - Also, the reverse situation, where the user navigates the 'some other data' records outside the chart and have the relevant point on the chart highlight. So, now, the user can see what plot point is selected and currently shown in a table outside of the chart. I'm sort of able to do this with notes - but it is clunky and the display isn't quite right.
As per support ticket 806897 Telerik: "By design both seriesClick and plotAreaClick events of Kendo UI Chart don't contain information about the clicked button or mouse coordinates. We will appreciate it if you submit this idea as a feature request at our UserVoice portal - this way the community would be able to evaluate it and if the suggestion gains popularity we will consider its implementation for future releases." Original request: We are using mvvm binding to your Chart events seriesClick plotAreaClick both of these events I am unable to determine which mouse button caused the click. Is is possible or should I raise a user-voice for this? I want to run different code if the user right-clicked or if the user normal clicked on the chart. I would also like to know the x,y pixel position of the mouse (or tap, or tap-hold) event because depending if they interact with the top of a bar chart bar or the bottom I want to run different code... I cannot find any of this information in the event object. When I wrap the chart in a data-role touch widget and use the touch widgets event handling I can get this information, but it would be better that the chart events make this available.
-- Problem: Consider a datasource where at least two date fields span a large time frame. We can build a chart that aggregates that data by small units (categoryAxis.baseUnits) such as 'days' or 'months'. That chart however contains many empty data points and the 'real' data is difficult to locate on the chart. This often requires zooming in and out many times to view the data one is looking for. However, it is still very valuable to be able to group by day or month, and to view this data in one succinct image.
-- Demo: The best way to experience this is to use the following Demo
https://dojo.telerik.com/eCILAMOB
This dojo is from the 'Date axis' chart demo on the demos.telerik.com site under Kendo UI for JQuery. Edit the example. There are 17 values in the datasource. Change the year on the last value to '2019'. All current values have dates between 2011-2012.
-- Required Chart Setup: Create a chart utilizing the following chart options
series.aggregate = 'avg'
categoryAxis.baseUnit = 'days'
dataSource with fields that contain at least one large date span
-- Suggestion
Add option to hide date aggregates chart points where no data exists within the datasource.
-- Image
Currently, Category Axis Label Rotation will only rotate around the center of the label. When labels are long, they do not align well with the chart (e.g. column chart). See the following forum post for more info: http://www.telerik.com/forums/categoryaxis-label-rotation---align-with-column-chart
A bubble chart without nothing inside is not that helpful, if you can set an icon or image inside the bubble itself can give quickly a hint of what it is. Also it would be nice, if the same bubble value changes position, to have an animation where it grows or shrinks while moving to the next position, instead of completely redrawing the bubble.
Would like to have automatic text wrapping enabled feature as was available in obsolete charts in the HtmlChart control as well. https://docs.telerik.com/devtools/aspnet-ajax/controls/chart/features/automatic-text-wrapping#automatic-text-wrapping