Bug report

Setting the visibility using the toggleVisibility method in the legendItemHover event leads to legendItemHover being triggered multiple times. Thus, the legendItemLeave method is never called.

Reproduction of the problem

1. Open the Dojo example - https://dojo.telerik.com/@NeliKondova/UVIVaBoH
2. Hover the legend

Current behavior

If you try to move the cursor slightly the legendItemHover event is fired multiple times and the legendItemLeave event is never called.

Expected/desired behavior

The legendItemHover should be fired a single time when the mouse enters the legend and also the legendItemLeave should be fired even if the visibility of the legend is set through the toggleVisibility method.

Workaround - Check for visible/not visible series in the series._options

function onLegendItemHover(e){
        e.preventDefault();
        console.log("Hover");       
        let chart = e.sender;
        let seriesIndex = e.seriesIndex;
        
        for(let i = 0; i < chart.options.series.length; i++){
          if(i !== seriesIndex){
            let series = chart.findSeriesByIndex(i);
            if (series._options.visible) {
	            chart.findSeriesByIndex(i).toggleVisibility(false);
            }
          }
        }  
      }
      
      function onLegendItemLeave(e){
        e.preventDefault();
        let chart = e.sender;
        console.log("Leave");
        for(let i = 0; i < chart.options.series.length; i++){
          let series = chart.findSeriesByIndex(i);
          if (!series._options.visible) {
            chart.findSeriesByIndex(i).toggleVisibility(true);
          }
        }        
      }

Dojo with workaround - https://dojo.telerik.com/@NeliKondova/EpOYadid

Environment

• Kendo UI version: 2023.3.1114
• Browser: [all ]

I need that the point will be in the start of chart (like justified property behavior) and the line style of "rangeArea" type property will be "step".

In this example the point in the start and the justified property works as expected.

https://dojo.telerik.com/IZuXOyAZ 

but in the second example, when I added property: line: {style: "step"} to "rangeArea" type, the point start in the middle of labels, and justified property not working.

https://dojo.telerik.com/ILOxehAB/3 

So I need that my chart will be like the second example, but the start point of the line will be like the first example.

Currently each of the labels for the:

• Axises
• Legend
• Tooltip
• Chart Title

Provide their own "font" property setting. However, it would be beneficial if there is a default configuration that can apply a font for each of the aforementioned Chart Label compartments.

Bug report

Chart with log valueAxis allows to deem zoom and throws an error: Uncaught Error: Non positive values cannot be used for a logarithmic axis

Reproduction of the problem
Dojo: https://dojo.telerik.com/OCuziYOr

Expected/desired behavior
The Chart shall not allow this deep zoom

Environment
Kendo UI version:[all]
Browser: [all ]

Several forum posts have mentioned that the best way to customize a legend is to hide Kendo's and make our own. I would be so great if we could just customize the legend similarly to most other areas of the chart that can be customized.

Bug report

When the user tries to zoom the Chart and a zero range is selected, an error (Uncaught TypeError: Cannot read properties of undefined (reading 'min')) is thrown in the browsers console.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/eQiKUqOB
2. Press the Shift key and select a range. Try the min and max of the range to be almost the same.

Current behavior

Uncaught TypeError: Cannot read properties of undefined (reading 'min') error is thrown in the console.
screencast - https://somup.com/c06lloBaw2

Expected/desired behavior

There should be no error in the browsers console, no matter of the selected range.

Environment

• Kendo UI version: 2023.3.1010
• Browser: [all ]

Hi Team,

I would like to request the functionality to plot a chart with panes side-by-side instead of only top to bottom.  

Thank you!

We already have click events for the plot area, axis labels, etc., but a click event for the chart title is conspicuously absent.

I have received development requests that would require this, but currently have no available workaround to allow it.

Hi Team,

I would like to request the Kendo UI Chart to be able to use the defined culture for localization.  Currently in my application, the date is showing as English formatting(1/30) instead of German(30.1) unless I specify the categoryAxis.labels.dateFormats configuration as seen in this Dojo.

Maybe include a culture property like the theme property?

Thank you for the consideration!

Hi Team,

I would like to request the Bar/Column charts to be able to be configured with a Target Line similar to the bullet charts. 

Thank you!

The Kendo Chart supports the baseUnit: "fit" property that displays as many categories as possible. This is useful when there are thousands of data points across many years.

When the data is "fit", the last date may not be displayed(because of the aggregation). I want to have the ability to display the last data point and date(category) as standalone and not a part of the aggregate.

The problem can be seen in the following Dojo:

https://dojo.telerik.com/uQeduJAG 

When the Donut Chart has a section with value = 0, the color of that point is displayed inside the donut.

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).

Bug report
ValueAxis.labels.template function invokes twice when Chart is bound to data source

Reproduction of the problem

Check the following Dojo: https://dojo.telerik.com/oJUGixUy/4

Inspect the console

Expected/desired behavior
ValueAxis labels template function shall invoke just one time.

Corner case:

If ValueAxis.labels.font is specified template function is invoked correctly only once.

valueAxis: {
                labels: {
                  // With the font commented out, chart labels get resolved twice
                  font: '11px Arial, Helvetica, sans-serif',
                  template: shortLabels
                }
              },

Environment
**Kendo UI version: [all]
**jQuery version: [all]
**Browser: [all]

Hi Team,

I'd like to request the CategoryAxis.Justified property be supported for other series types of the Kendo UI Chart.  In my case, this would be beneficial since I have a combination of a line and box plot Kendo UI Chart.

Thank you!

Hi Team,

I'd like to request an easy, built-in way in which a user can split grouped data of a Kendo UI Chart by a specific datafield.  For example, let's say I have 2 groups, and each had their own series to be utilized.  But those series would have their own series by another dataField.  I'd like to show the root group, but display the child series.

Thank you!

Hi Team,

I'd like to request the functionality to add positioning and alignment to the Kendo UI Chart's API for the Tooltip.

For example, I have a 100% stacked chart.  Having the tooltip aligned all the way to the right instead of being able to anchor it to the middle of the data just feels weird for our purposes. I was hoping to inquire if there was another way that I may be missing to align the tooltip nicely.

Thank you!

### Bug report

When the title of the legend in the Kendo UI Chart widget is longer, the labels are not centered as per the default legend alignment.

### Reproduction of the problem

1) Create a Chart widget and set the title of the legend to "If the title is longer than the series names is not centered anymore is left aligned";

2) The title is centered, but the labels are aligned to the left.

A Dojo sample for reproduction: https://dojo.telerik.com/UBoTOBID

### Expected/desired behavior

The labels of the legend should be centered below the title.

### Environment

* **Kendo UI version: 2021.2.616
* **jQuery version: 1.12.4
* **Browser: [all]

Hi Team,

I would like to request the functionality to be able to align a Kendo UI Chart (such as a column chart) with a Kendo UI Grid.  This would used when resizing components to allow for the appearance to match.

Thank you!

Hi,

When creating a stacked bar chart in KendoUI 2020.3.915 I noticed the following rendering error:

In case one of the categories is much higher than the other, the x-axis will start at a value other than zero.
This behavior might be desired to zoom in on the exact values.

The issue here is that the steps on the x-axis might repeat multiple times for the same x-value.
(96%, 96%, 97%, 97%, 98%, 98%...)
This increases with a bigger difference between the chart values.

I created a example and it happens even in the latest version:

https://dojo.telerik.com/AVeVuZig