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)
Request to allow control of SVG dimensions from exportSVG options
Ideal behavior:
export class AppComponent {
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.
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
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.
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/
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>
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):
Expected behavior
These series elements should be customizable and should accept an object containing color, width, dashType and opacity.
Hi,
This documentation Stackblitz demo is broken (see screenshot below for details).
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