Unplanned
Last Updated: 19 Mar 2025 09:57 by ADMIN
Created by: Nina
Comments: 0
Category: Charts
Type: Feature Request
1

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)

https://stackblitz.com/edit/angular-gv97jtt9-zedgrxxy?file=src%2Fapp%2Fmy-chart%2Fmychart.component.html,src%2Fstyles.css

Unplanned
Last Updated: 05 Sep 2025 06:51 by Uzma
Created by: Uzma
Comments: 0
Category: Charts
Type: Feature Request
1
A title template allows the developer to create the title with an ellipsis or implement a tooltip, among other customizations such as adding extra elements.
Unplanned
Last Updated: 23 Mar 2026 10:14 by ADMIN
Created by: Nicolas
Comments: 0
Category: Charts
Type: Feature Request
1

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.

Unplanned
Last Updated: 02 Apr 2026 17:54 by Shanmuga

Description

When you move the cursor to a new series item, the tooltip position does not move until you leave the chart area and re-enter. It changes the content based on where the cursor is pointing, but does not change the position.

Steps To Reproduce

  1. Create a new Angular application
  2. Add the Kendo UI Chart and paste the following code in the app.component.ts file:
import { Component } from '@angular/core';
import {KENDO_CHARTS} from "@progress/kendo-angular-charts";

@Component({
  selector: 'app-root',
  imports: [KENDO_CHARTS],
  template: `
    <kendo-chart>
      <kendo-chart-legend position="bottom"></kendo-chart-legend>
      <kendo-chart-series>
        <kendo-chart-series-item
          type="donut"
          [data]="data"
          field="value"
          categoryField="category"
          colorField="color"
          [holeSize]="60"
          [tooltip]="{
            visible: true,
            format: '{0:C0}'
          }"
          [highlight]="{ visible: true }"
        >
        </kendo-chart-series-item>
      </kendo-chart-series>
    </kendo-chart>
`,
})
export class App {
  public data = [
    { category: "Electronics", value: 245000, color: "#0058e9" },
    { category: "Clothing", value: 189000, color: "#37b400" },
    { category: "Home & Garden", value: 156000, color: "#f59c1a" },
    { category: "Sports", value: 134000, color: "#ff6358" },
    { category: "Books", value: 98000, color: "#8c43ff" },
    { category: "Toys", value: 78000, color: "#00acc1" },
  ];
}
  1. Run the application

Screenshots or video

Actual Behavior

The Tooltip position only changes when you leave and reenter the Chart area. It does not change when you move the cursor from one series item to other, it updates the content displayed in the Tooltip though.

Expected Behavior

The Tooltip position should move with the cursor as seen in the screen recording below:

Completed
Last Updated: 02 Jun 2021 13:33 by ADMIN
Created by: Ricardo
Comments: 2
Category: Charts
Type: Feature Request
0

Request to allow control of SVG dimensions from exportSVG options

 

Ideal behavior:

 

export class AppComponent {

@ViewChild('chart')
private chart: ChartComponent;
public seriesData: number[] = [1, 2, 3, 5];
public exportChart(): void {
this.chart.exportSVG({ width: 600, height: 300 }).then((dataURI) => {
saveAs(dataURI, 'chart.svg');
});
}
}

 

this should produce a 600x300 svg. ChartComponent.prototype.exportSVG does not pass options into ChartComponent.prototype.exportVisual in the kendo-angular-charts library. I request that it pass these options in to allow for SVG dimension specification. I have modified the code manually and it behaves as expected.

Declined
Last Updated: 11 Aug 2022 08:25 by ADMIN
Created by: Eric
Comments: 2
Category: Charts
Type: Feature Request
0

Enabling Shift-key zooming in the stockChart produces an exception when the user Zooms.

 

I was told by T. Tsonev that this feature is not supported in the stockChart.

 

Here is a example:

https://stackblitz.com/edit/angular-gmoekv-rwu28c?file=app/app.component.ts

 

 

Declined
Last Updated: 30 Jun 2022 09:16 by ADMIN
Created by: Markus
Comments: 2
Category: Charts
Type: Feature Request
0

When the chart is configured to use the selection zoom. One must press the Shift-Key and select an area inside the chart to zoom.

I the chart shows tooltips, in most cases the tooltip pops up under the cursor and it is not possible to select an area.

The tooltip shoud be disabled, when the shift-key (or the configured key) is pressed inside the chart area.

Declined
Last Updated: 30 Aug 2019 09:04 by ADMIN
Created by: Antony
Comments: 1
Category: Charts
Type: Feature Request
0

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/

Declined
Last Updated: 01 Dec 2022 09:07 by ADMIN
Created by: William
Comments: 3
Category: Charts
Type: Feature Request
0

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. 

 

  <kendo-chart (seriesClick)="onSeriesClick($event)  " style="height:800px">
    <kendo-chart-series>
      <kendo-chart-title text="Efficent Hedging: M-risk by Commodity ({{position}} Portfolio)" [font]="font"></kendo-chart-title>
      <kendo-chart-series-item [labels]="{ visible: true, content: 'test',  color: 'white', background:'none'}" [color]="barColor" type="bubble" [data]="data" xField="x" yField="y" sizeField="y" categoryField="category">
        <kendo-chart-series-item-tooltip>
          <ng-template let-value="value" let-category="category" let-dataItem="dataItem" style="white-space: pre-line">
            <div style="white-space: pre-line">{{tooltip(dataItem )}} </div>
          </ng-template>
        </kendo-chart-series-item-tooltip>

      </kendo-chart-series-item>
      <kendo-chart-x-axis title="xx">
        <kendo-chart-x-axis-item [title]="{ text: 'Liquidity Premium (cost in cents to hedge 1$ of M-risk) ', font: font }" [labels]="{ format: '{0:N0}' }">

          <kendo-chart-x-axis-item-labels format="{0:N0}" [skip]="1" rotation="auto">
          </kendo-chart-x-axis-item-labels>
        </kendo-chart-x-axis-item>
      </kendo-chart-x-axis>
      <kendo-chart-y-axis title="yy">
        <kendo-chart-y-axis-item [title]="{ text: 'M-risk ($MM) ', font:font }" [labels]="{ format: '{0:N0}' }">
        </kendo-chart-y-axis-item>
      </kendo-chart-y-axis>

      <kendo-chart-legend [visible]="true">
      </kendo-chart-legend>
    </kendo-chart-series>
  </kendo-chart>
Completed
Last Updated: 02 Oct 2020 06:35 by ADMIN
Created by: Robert
Comments: 0
Category: Charts
Type: Bug Report
0

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):
image

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

Declined
Last Updated: 14 Jun 2021 10:59 by ADMIN
Created by: ICT
Comments: 2
Category: Charts
Type: Feature Request
0
Can you Implement the Line Style property (smooth) to Range Chart serie?
Declined
Last Updated: 23 Sep 2021 09:53 by ADMIN
Created by: Alvin
Comments: 2
Category: Charts
Type: Bug Report
0

Hi,

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

Unplanned
Last Updated: 25 Feb 2025 11:00 by ADMIN

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

1 2 3 4