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).
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]
Per version "@types/kendo-ui": "2019.3.0" , typings chart label margins and padding (ChartLegendMargin, ChartLegendPadding, ChartLegendLabelsMargin, ChartCategoryAxisItemTitleMargin,... ) don't accept number values, only a dictionary with top, bottom, left and right.
Numbers are correct values for these properties, as shown on https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/series.labels.padding
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.
-- 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
Possibility to have half top, half bottom, half left, half right, quarter top left, quarter top right, quarter bottom left, quarter bottom right in additiont to circle and donut chart. Please add an option to be able to shape the Pie or Donut accordingly
I want the chart rendered with svg to be able to pan and zoom on a touch device.
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
it would be good if there is a feature to export to excel the charts.
I use it to upload a chart, I'd like to prevent showing the uploaded chart in the browser. Prefer to just upload and then get control back and let my app decided what to do next.
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.
The bar chart I got is drawn form the values which are normalized. I have 7 bar charts which are drawn by looping a csv file and all the values are normalized. When I hover mouse on the bar, I want to see actual values not the normalized. So I need to include a variable in tooltip object of CSS part. But it is not working, please make something regarding this.
It would be very useful to have only some series of a kendo chart be stacked. For instance, to have series 1, 2, and 3 to be stacked with each other, but series 4 to not be stacked.
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