Telerik Forums
Kendo UI for Angular Forum
1 answer
11 views

I have two date series with different interval between timestamps, within the same time range. I'd like them to be lines with a gap instead of empty/missing values. The problem is, that to fulfil both requirements, I obviously need to create two axes - with different base unit step (otherwise one serie is continuous and the other is discrete).

As in this example: https://dojo.telerik.com/ZhgHEaJP

My question is whether there is a way how to 'merge' the two axes together to have just a single axis, as they are similar (except the base unit step), and to see the points at the same timestamp directly above.

Yanmario
Telerik team
 answered on 17 Jun 2025
0 answers
24 views
I have a date list which is binding in kendo grid. I what to filter multiple date range like 1st January 2025 to 31st January 2025 and 1st May 2025 - 31st May 2025. Can kendo grid support multi date range filter? If support, then how to implement it.
0 answers
30 views
How we can filter Dates same like excel. I want to filter dates quarterly in kendo gird. Can we achieve it using kendo search? If achieve then how.
0 answers
48 views

Is there any event, which is fired, when the chart column is lowlighted? E.g. when the cursor goes to another serie item or simply goes far enough.

I know there is an event "seriesLeave", but this is not what I'm looking for since this is fired directly when the cursor moves off the column and not yet when the columns turn darker.

I've already tried "plotAreaLeave", but neither this is the one I need.

Thanks for any reply.

J
Top achievements
Rank 1
Iron
Iron
 asked on 06 Dec 2024
1 answer
48 views
Tried to use format property of labels but there can't customize it Also tried using visual but it gives error with kendo drawing library 
So I want simple way to format 1000 to 1K etc example of formatter for kendo-chart-value-axis-item using kendo UI angular without kendo drawing visual property 
Zornitsa
Telerik team
 answered on 28 Oct 2024
1 answer
231 views

Hi,

I have been trying to install gantt chart, version 0.2.0. There are several errors when I import it in app.module.ts. I am attaching screenshot of package.json and the error.

Zornitsa
Telerik team
 updated answer on 09 Oct 2024
5 answers
1.4K+ views
How do I make both ends of a stacked bar chart round .attaching the current state of the developed chart and the expected design.kindly let me know how do I achieve this.
Yanmario
Telerik team
 updated answer on 18 Sep 2024
1 answer
74 views

Using kendo line charts and with datapoints that contain a value and a date, if there is a gap between two dates then the line chart with slope up to the next point when there is no data to be displayed (please reference "slopedLine" picture). 

In the example "slopedLine" I have data ranging from 8/8/2024 from 10-11am then I have data from 9/8/2024 from 9:55-10am. I am looking for a way I can make this line to not slope and stay at 0 all the way from the end of 8/8/2024 to 9/8/2024. I have this same issue with larger data sets (please reference "timeRangeLarge"). In this second example I have 600 data points but we could have up to 10,000 points depending on filters and other factors.

In the example "noSlopAllDates", I removed the type="date" and set it to type="category" for kendo-chart-category-axis-item and that fixes the slope but then my labels are messed up and we can see EVERYONE and maxDivisions does not apply to type "category". 

Stephanie
Top achievements
Rank 2
Iron
 answered on 21 Aug 2024
1 answer
59 views

I have a kendo line chart with data that has a date and a value associated with each point. Also the total number of datapoints  can range from 10,000 to 0 depending on filters and other factors. I would like to set the number of columns/divisions on the chart to ALWAYS be 6 no matter how many points of data I have to display.

What I understand is I can set the divisions of the chart using maxDivisions but I have issues getting it to consistently set the columns/divisions number to display 6 every time.

Is it possible to set the columns/divisions to 6?

Martin Bechev
Telerik team
 answered on 21 Aug 2024
1 answer
55 views

When using kendo line charts with small datasets I am able to view the correct labels on the chart (first picture attached). My data has a date and a number value. However my data set can be as small as 0 and be as large as 10,000 data points in some cases. At 600 datapoints, the labels on my chart are defaulted to "00:00" (second picture attached).

I would like to make the labels on my chart as dynamic as I can keeping in mind the range of data I could have. Is this possible and how can I do this?

The html code for my chart looks like the following: 

<kendo-chart
        (render)="onRender($event)"
        #metricChart
        renderAs="canvas"
        [pannable]="{ lock: 'y' }"
        [zoomable]="{ mousewheel: { lock: 'y' }, selection: { lock: 'y' } }"
        style="height: 300px"
      >
        <kendo-chart-value-axis>
          <kendo-chart-value-axis-item
            [majorUnit]="25"
            [max]="100"
            [min]="0"
            type="numeric"
            [majorGridLines]="{ dashType: dashType }"
            name="valueAxis"
          >
          </kendo-chart-value-axis-item>
        </kendo-chart-value-axis>

        <kendo-chart-category-axis>
          <kendo-chart-category-axis-item
            [labels]="{ format: 'HH:mm', rotation: 'auto' }"
            type="date"
            [majorGridLines]="{ dashType: dashType }"
            name="categoryAxis"
            [justified]="true"
            [minorTicks]="{step:10}"
          >
          </kendo-chart-category-axis-item>
        </kendo-chart-category-axis>

        <kendo-chart-area *ngIf="hasActiveAlarm" background="#ffedf0"></kendo-chart-area>

        <kendo-chart-series>
          <kendo-chart-series-item
            [data]="metricsData"
            [markers]="{ visible: false }"
            [style]="lineStyle"
            color="#0e893f"
            type="line"
            field="Value"
            categoryField="MetricDate"
          >
          </kendo-chart-series-item>
        </kendo-chart-series>

        <kendo-chart-tooltip>
          <ng-template kendoChartSeriesTooltipTemplate let-category="category" let-value="value">
            {{ category | date: 'medium' }} : {{ value }}
          </ng-template>
        </kendo-chart-tooltip>
      </kendo-chart>

Stephanie
Top achievements
Rank 2
Iron
 answered on 20 Aug 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?