Declined
Last Updated: 18 Jul 2023 15:31 by ADMIN
Created by: Xiao
Comments: 1
Category: Charts
Type: Feature Request
1

Hi,

Please provide an ability to set the axis range in the drag/zoom events.

Thanks

Unplanned
Last Updated: 28 Apr 2022 10:45 by ADMIN
Created by: Kendo UI
Comments: 0
Category: Charts
Type: Feature Request
1
It would be beneficial if the Charts had an animation functionality that does not trigger a complete redraw of the chart when some of the data changes its value. Instead only the updated data points could be moved, e.g. maybe something along the lines of animating the data points moving up or down in accordance with the changes in their values.
Unplanned
Last Updated: 20 May 2022 11:06 by Balu
Created by: Balu
Comments: 0
Category: Charts
Type: Feature Request
1

Hi,

Please provide an option to render a Legend for the Chart Pane components.

thanks

Unplanned
Last Updated: 04 Oct 2022 12:43 by Megan

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.

Unplanned
Last Updated: 28 Oct 2022 07:14 by Becht Service Acount
Created by: Becht Service Acount
Comments: 0
Category: Charts
Type: Feature Request
1
Please provide the ability to customize the series item borders in Heatmap.
Unplanned
Last Updated: 24 Jan 2023 12:10 by Digital
Created by: Digital
Comments: 0
Category: Charts
Type: Feature Request
1

Currently, the Radar Chart cannot be zoomed in/out. Please, provide a zoomable property that would allow the developer to achieve this functionality.

Unplanned
Last Updated: 19 Sep 2023 18:40 by Mohamed
Created by: Mohamed
Comments: 0
Category: Charts
Type: Bug Report
1

Hello ,

Kindly Have issue with stacked bar when try to draw two items in chart  with specified with as the below  

<kendo-chart-series>
  <kendo-chart-series-item type="bar" [stack]="{ type: '100%' }" [data]="[97]">
  </kendo-chart-series-item>
  <kendo-chart-series-item type="bar" [stack]="{ type: '100%' }" [data]="[7]">
  </kendo-chart-series-item>
</kendo-chart-series>
the width of the first element is less than the second element as the below screen 



Can Anyone help on that ?

Declined
Last Updated: 16 Feb 2024 08:18 by ADMIN
Created by: eDAD
Comments: 1
Category: Charts
Type: Bug Report
1
Bug title: X-axis is getting overlapped while resizing the page upto 400% of zoom.
Severity: Sev2 (High)

Test Environment: OS: Windows 11 22H2
OS Build: 23620.1000

Pre-Requisite: Set browser zoom level to 400% and display resolution: 1280x1024 (or) In dev Tools set the resolution to 320*256.

Repro steps:
1.Open URL: http://www.telerik.com/kendo-ui in edge browser.
2.Navigate to 'Kendo UI for Angular ' tab item and invoke it.
3.Navigate to the Angular chart control and invoke it.
4.In left navigation pane click Scatter control under 'series types'.
5.Navigate to 'Scatter Plot Chart'.
6.Verify whether X-axis is getting overlapped while resizing the page upto 400% of zoom or not.

Actual Result:
X-axis is getting overlapped while resizing the page upto 400% of zoom.

Expected Result:
X-axis should not get overlapped when browser zoom level set to 400%.
Unplanned
Last Updated: 22 Feb 2024 12:57 by zhivko.zhelezov
Created by: zhivko.zhelezov
Comments: 0
Category: Charts
Type: Feature Request
1

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; }
Unplanned
Last Updated: 10 Apr 2024 10:31 by Oliver
Created by: Oliver
Comments: 0
Category: Charts
Type: Feature Request
1

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.

Unplanned
Last Updated: 23 Sep 2024 08:59 by ADMIN
Created by: Leo
Comments: 3
Category: Charts
Type: Feature Request
1

Hi,

I have prepared a forked stackblitz example for a navigator selection with a shared tooltip:

https://stackblitz.com/edit/angular-h1j1hq-kmmqfg?file=src%2Fapp%2Fapp.component.ts

(I also included a screenshot)
There seems to be now way to have a shared tooltip in this scenario that makes sense, clearly no one needs the duplicated items in the tooltip that origins from the navigator selection pane.

So I would propose a flag for a pane to configure if a pane is included in the shared tooltip.

Or alternatively on the series item level a flag that allows for enable / disable or visible / invisible regarding the shared tool tip.

I think there are other cases where this might come handy to have a shared tooltip for several serieses only over one pane, or exclude specific panes and or serieses.

I tried to make the tooltip invisible, on the series level of the navigator pane but something like:

[tooltip]="{ visible: false }"

inside the navigator series seems to be only applicable to the current series tooltips but not the shared ones.

Unplanned
Last Updated: 07 Oct 2024 09:57 by Kendo UI
Created by: Kendo UI
Comments: 0
Category: Charts
Type: Feature Request
1

Currently, the label renders to the right:

However, it would be good to have an option to manage the alignment to the left, similar to the RTL mode:

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

1 2 3