Convert RadChart

1 Answer 38 Views
Charts
Daniel
Top achievements
Rank 1
Daniel asked on 26 May 2023, 02:39 PM

I am migrating an old Silverlight app that uses RadChart. The old chart is combination of column and line types. Please see image (filename: Chart.jpg).

It has this middle vertical line (which is the Actual Mean series/legend) that I am very confuse how to convert to KendoUI. Underneath, it has 2 data point value 0 and 1. The Axis is assign to the right axis. Another question is how it is placed in the middle of the chart with only 2 data points? There is no programmatic manipulation seen on the old code. 

Is this possible to do with Kendo UI chart? I also attached the XAML of the old RadChart in case needed. 

Please help.

1 Answer, 1 is accepted

Sort by
0
Neli
Telerik team
answered on 31 May 2023, 11:01 AM

Hello Daniel,

Could you please take a look if the categoryAxisnotes configuration suits your needs? Linked here you will find an example where a red line is added using the categoryAxis.notes.line

$("#chart").kendoChart({
        series: [{
          data: [1, 2, 3]
        }],
        categoryAxis: {
          notes: {
            line: {
              length: 350,
              color: "red"
            },
            icon: {
              border: {
                width: 0
              }
            },
            data: [{
              value: 1.35
            }]
          }
        }
      });

Also, the following forum thread where adding a vertical line is discussed might be helpful:

- https://www.telerik.com/forums/add-vertical-guideline

I hope you will find the provided information helpful. 

Regards,
Neli
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
Tags
Charts
Asked by
Daniel
Top achievements
Rank 1
Answers by
Neli
Telerik team
Share this question
or