RadCartesianChart - Points where there is a value

[Daniel]

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]

2. I want also to see vertical lines on the graph.

[Daniel]

2. I want also to see horizontal lines not verticals on the graph.

[Daniel]

I want besides the chart to see it on net.

Vertical lines and horizantal lnies will beneate the chart.

 

[Didi]

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

[Daniel]

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]

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]

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

[Didi]

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]

like this:

[Didi]

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>