Telerik Forums
Kendo UI for Angular Forum
0 answers
2 views

Hello,

Is it possible to provide sorting capability to chart? In the basic example of Bar chart here https://www.telerik.com/kendo-angular-ui/components/charts/series-types/bar/ If I wanted to sort based on unit sorts, highest to lowest or lowest to highest. for simplicity we can ignore multiple bar for Q1.... Qn

Thanks 

Girish
Top achievements
Rank 1
 asked on 06 Jun 2024
0 answers
16 views

Hi,

I have a chart with multiple lines with numerical values. I also have a navigator themed selection pane, which works fine by now.
I would like to have Dates in various formats (depending on the zoom in level of the navigation) on the x axis.

I chose a line chart as suggested (because of the date / time x axis) instead of a scatterLineChart.
Until now I store testing data in an array of Series like so:


    series: Series[] = [
        {
            name: 'Series 1',
            type: 'line',
            data: [
                3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.89, 8.238, 9.552, 6.855,
            ],
            color: '#058dc7',
        },
        {
            type: 'line',
            name: 'Series 3',
            data: [
                4.743, 7.295, 7.175, 6.376, 8.153, 8.535, 5.247, -7.832, 4.3, 4.3,
            ],
            markers: { type: 'square' },
            color: '#50b432',
        },
        {
            name: 'Series 3',
            type: 'line',
            data: [
                5.743, 8.295, 8.175, 7.376, 9.153, 9.535, 6.247, 1.832, 5.3, 5.3,
            ],
            markers: { type: 'roundedRect', visible: false },
            color: '#ed561b',
        },
        {
            name: 'Series 4',
            type: 'line',
            data: [
                0.01, -0.375, 1.161, 0.684, 3.7, 3.269, 1.083, -5.127, 3.69, 2.995,
            ],
            markers: { visible: false },
            color: '#dddf00',
        },
        {
            name: 'Custom',
            type: 'line',
            data: [2, 1.2, 4, 2, 5, 6, -4, -6, -4, -6],
            markers: { visible: false },
            legendItem: {
                type: 'area',
                area: {
                    opacity: 0.5,
                },
                highlight: {
                    visible: false,
                },
            },
            color: '#24cbe5',
        },
    ];

I am not sure how to pinpoint timestamps to the specific values, by now I can only find suitable examples within scatterline charts where the timestamps are given within the data array separately like the following structure as example:


onst data = (): WeatherData[] =>
[
  {
    Timestamp: '2018-01-01T00:00:00.000',
    TMax: 3.3,
    TMin: -12,
    Wind: 5.5,
    Rain: 0
  },
  {
    Timestamp: '2018-01-02T00:00:00.000',
    TMax: 5.2,
    TMin: -10,
    Wind: 8.1,
    Rain: 0
  },
...
];

What would be the correct way to define data in a series consisting of value and timestamp tumples?
Seems simple, but I can't figure it out.

Best Regards,

FirestormHell

Leo
Top achievements
Rank 1
Iron
 asked on 08 May 2024
0 answers
12 views
Hello everyone, I have a component to graph, I am using the bar graph in this graph I have to modify the appearance of the labels, I help myself with Visual SeriesLabels to use a function that can do this.

My question is the following:
I would like to unit test this but I get an error with the "Path.fromRect" and "new Group();" functions.
Camilo
Top achievements
Rank 1
Iron
 asked on 29 Apr 2024
0 answers
25 views
Display separate horizontal dashed line in vertical kendo chart with the given values including existing lines
Naga
Top achievements
Rank 1
 updated question on 08 Dec 2023
0 answers
27 views
Hello, there is a conflict happen when I use seriesdefault to custom the colors of bars, the trendline dissapear, it exists but never show
mallak
Top achievements
Rank 1
 asked on 29 Nov 2023
0 answers
38 views

    <kendo-chart [categoryAxis]="{ categories: categories }">
      <kendo-chart-series-defaults type="bar">
        <kendo-chart-series-defaults-labels format="c">
        </kendo-chart-series-defaults-labels>
      </kendo-chart-series-defaults>

      <kendo-chart-series>
        <kendo-chart-series-item [data]="salesData"> </kendo-chart-series-item>
        <kendo-chart-series-item [data]="purchaseData">
        </kendo-chart-series-item>
      </kendo-chart-series>
    </kendo-chart>

Tera
Top achievements
Rank 1
Iron
Iron
 asked on 02 Oct 2023
0 answers
36 views
I would like the value 0 to always be visible in the graph as a reference.

How can I do?
Tera
Top achievements
Rank 1
Iron
Iron
 asked on 18 Sep 2023
0 answers
41 views

I would like to disable the popup when hovering over the graph point.

 

how to remove 1 in photo

Tera
Top achievements
Rank 1
Iron
Iron
 asked on 04 Aug 2023
0 answers
31 views
How do I start the graph of the minimum value among those available. I would like that if the minimum value among those available is -10,000 then the graph starts not from 0 but from -10,000
Tera
Top achievements
Rank 1
Iron
Iron
 asked on 03 Aug 2023
0 answers
37 views

How do I put only and exclusively the value 0 in ase y in bold and different color?

 

Tera
Top achievements
Rank 1
Iron
Iron
 asked on 03 Aug 2023
Top users last month
Patrick
Top achievements
Rank 1
Iron
Iron
Iron
MIS
Top achievements
Rank 1
Ross
Top achievements
Rank 1
Marcin
Top achievements
Rank 1
Iron
Iron
Sean
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?