RadCartesianChart - Points where there is a value

1 Answer 133 Views
Chart
Daniel
Top achievements
Rank 1
Silver
Bronze
Daniel asked on 17 Mar 2022, 01:23 PM

Hi,

In the attached screenshot you see chart, I would like to see point when there  is a value?


          <telerikChart:RadCartesianChart Grid.Row="3" Grid.Column="0" PaletteName="LightSelected" >
                <telerikChart:RadCartesianChart.HorizontalAxis>
                    <telerikChart:DateTimeContinuousAxis LabelFitMode="Rotate"
                                           MajorStepUnit="Day"/>
                </telerikChart:RadCartesianChart.HorizontalAxis>
                <telerikChart:RadCartesianChart.VerticalAxis>
                    <telerikChart:NumericalAxis LabelFormat="N"
                                   Minimum="0" />
                </telerikChart:RadCartesianChart.VerticalAxis>
                <telerikChart:RadCartesianChart.Series>
                    <telerikChart:LineSeries 
                               CategoryBinding="Date"
                               ValueBinding="Value"
                               ItemsSource="{Binding TotalFilesInProgressDataSource}" />
                </telerikChart:RadCartesianChart.Series>
            </telerikChart:RadCartesianChart>
 

Daniel
Top achievements
Rank 1
Silver
Bronze
commented on 17 Mar 2022, 01:44 PM

2. I want also to see vertical lines on the graph.
Daniel
Top achievements
Rank 1
Silver
Bronze
commented on 31 Mar 2022, 12:09 PM

2. I want also to see horizontal lines not verticals on the graph.
Daniel
Top achievements
Rank 1
Silver
Bronze
commented on 31 Mar 2022, 02:19 PM

I want besides the chart to see it on net.

Vertical lines and horizantal lnies will beneate the chart.

 

1 Answer, 1 is accepted

Sort by
0
Didi
Telerik team
answered on 31 Mar 2022, 01:17 PM

Hi Daniel,

Solution how to add points to the chart can be found in our forum at this link: https://www.telerik.com/forums/chart---problem-with-one-point---not-seen#5457446 

Regarding this point:  2. I want also to see vertical lines on the graph. 

                                       2. I want also to see horizontal lines not verticals on the graph. - I am not sure I understand your requirement. Which lines do you want to visualize: axis lines, series lines, etc.? Describe in details what is the exact scenario you want to achieve. 

Regards,
Didi
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Daniel
Top achievements
Rank 1
Silver
Bronze
commented on 31 Mar 2022, 02:21 PM | edited

in addition i do not use scattered chart
But i want to present on each value point

How is can be done?

My x axis is time.

 

Didi
Telerik team
commented on 01 Apr 2022, 06:15 AM

Hi, Daniel,

If you want to present on each value point then you have to use the solution provided here. https://www.telerik.com/forums/chart---problem-with-one-point---not-seen#5457446 Approach 1) - draw a point mark on the chart data point. When you have data item, a circle will be drawn to indicate that there is a value, there is a project attached how to achieve this. Approach 2 is for Scatter series, you have to use Approach 1. It works with Line Series. 

About this request-  I want also to see vertical lines on the graph - if you mean grid lines horizontal and/or vertical, then review the Chart Annotations article.
Daniel
Top achievements
Rank 1
Silver
Bronze
commented on 04 Apr 2022, 06:15 AM

I want  grid lines horizontal and/or vertical like this like net.

Didi
Telerik team
commented on 04 Apr 2022, 02:23 PM

From the provided image, I assume you want to use the CartesianChartGrid. The CartesianGrid intentionally places the vertical lines in between X axis values so that it doesn't interfere with the categorical value rendering. IF you need it to be directly on top of the data point, I can see if the native chart is capable of it, but you will need custom platform specific code to achieve this.
Daniel
Top achievements
Rank 1
Silver
Bronze
commented on 04 Apr 2022, 02:32 PM

like this:

Didi
Telerik team
commented on 04 Apr 2022, 03:28 PM

Example: https://docs.telerik.com/devtools/maui/controls/chart/chart-grid#example 

<telerikChart:RadCartesianChart>
  <telerikChart:RadCartesianChart.BindingContext>
      <local:ViewModel />
  </telerikChart:RadCartesianChart.BindingContext>
  <telerikChart:RadCartesianChart.VerticalAxis>
      <telerikChart:NumericalAxis />
  </telerikChart:RadCartesianChart.VerticalAxis>
  <telerikChart:RadCartesianChart.HorizontalAxis>
      <telerikChart:CategoricalAxis LabelFitMode="MultiLine" />
  </telerikChart:RadCartesianChart.HorizontalAxis>
  <telerikChart:RadCartesianChart.Series>
      <telerikChart:BarSeries ValueBinding="Value"
                              CategoryBinding="Category"
                              ItemsSource="{Binding Data}" />
  </telerikChart:RadCartesianChart.Series>
  <telerikChart:RadCartesianChart.Grid>
      <telerikChart:CartesianChartGrid StripLinesVisibility="Y"
                                       MajorLinesVisibility="XY"
                                       MajorLineColor="LightGreen"
                                       MajorLineThickness="3" />
  </telerikChart:RadCartesianChart.Grid>
</telerikChart:RadCartesianChart>
Tags
Chart
Asked by
Daniel
Top achievements
Rank 1
Silver
Bronze
Answers by
Didi
Telerik team
Share this question
or