Hi,
I am trying to evaluate the possibilities to have horizontal lines for thresholds, maximums, minimums etc.
On the net I found a somewhat old post regarding stripLines, but this does not seem to be supported anymore. I can't find something in the docs / API.
So what I found next are plotbands, but manly these seem to be more suitable for areas, not really for lines.
This leaves me with custom plotbands using the drawing API (see: https://www.telerik.com/kendo-angular-ui/components/charts/elements/plot-bands/#toc-custom-plot-bands).
But this seems a bit overkill for a simple horizontal line which from my perspective only needs very basic things like value, title and let's say some styling like color, opacity, line thickness and the likes...
So my question: Is there a simple way for horizontal lines that I am missing or is the custom plotband the way to go in this matter?
Best Regards,
FirestormHell
Hi there,
I am new to Kendo UI Charts. Am I getting this right? The navigator is only for stock charts?
I don't get why, this would also be very helpfull for line charts. I could only find a very old question regarding this, with not a really good answer.
Is it still the case that there is no way to display a line chart with a navigator? Or is it possible to display a line in the stockchart kind of similar to a line chart instead of candlesticks?
Best Regards,
FirestormHell
I'm creating a target line for a 100% stacked column chart. But the target line is not what I want.
Here is what want: the target is about at 80%.
Here is what I'm getting:
One point:
Two points:
Here is the code:
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<kendo-chart>
<kendo-chart-series>
<kendo-chart-series-item
type="column"
[stack]="{ type: '100%' }"
[data]="[20]"
[color]="'#FFD100'"
>
</kendo-chart-series-item>
<kendo-chart-series-item
type="column"
[data]="[30]"
[color]="'#FFEAB1'"
>
</kendo-chart-series-item>
<kendo-chart-series-item
type="column"
[stack]="{ type: '100%' }"
[data]="[40]"
[color]="'#FFF8E0'"
>
</kendo-chart-series-item>
<kendo-chart-series-item
type="line"
[data]="[{ category: 0, value: 0.8 }, { category: 1, value: 0.8 }]"
>
</kendo-chart-series-item>
</kendo-chart-series>
<kendo-chart-category-axis>
<kendo-chart-category-axis-item [visible]="false"></kendo-chart-category-axis-item>
</kendo-chart-category-axis>
<kendo-chart-value-axis>
<kendo-chart-value-axis-item [visible]="false"></kendo-chart-value-axis-item>
</kendo-chart-value-axis>
<kendo-chart-legend [visible]="false"></kendo-chart-legend>
<kendo-chart-tooltip format="{0}%"></kendo-chart-tooltip>
</kendo-chart>
`
})
export class AppComponent {
}
Hello,
Linestyle option of scatterLine chart is not working. Whatever value I put there, it is not changing line style. It is always normal.
Even if I put just some random value, it does not throw any error and plotting chart as normal linestyle.
I am trying to make it smooth. Let me know what I am missing.
I tried use the example from the demo page, and enable the legend, but nothing is happening. What did I do wrong?
Hello,
We are currently experiencing a problem while presenting a stacked chart with approximately 8000 records. When we try to display all 8000 records at once, the chart keeps loading and the browser crashes after a few seconds, basically the screen freezes. We are currently using the chrome browser to run the web application.But when we load the chart with around 3000 records, it displays all of them without any problems.
As a result, we only face this problem when we attempt to load a huge number of records at once. So my concern is whether there is a fixed number of records that we can load for a stacked chart at once.
https://www.telerik.com/kendo-angular-ui/components/charts/drill-down/
Error: src/app/dashboard/dashboard.component.html:20:23 - error TS7053: Element implicitly has an 'any' type because expression of type 'any' can't be used to index type '{ "Company A": { product: string; sales: number; }[]; "Company B": { product: string; sales: number; }[]; }'.