Presenting 2 different Lines Series with different scales?

[Jay Sanderson]

Hello All,

I'm looking to use the chart control to display Closing share price over Volume Traded.

I followed the example, but had no luck.

I got it working with the code below.

If I add CollectionIndex it fails ??

 

 

 

<telerikChart:RadChart ItemsSource="{Binding StockActivitiesReverse}" Grid.Row="0" Background="Transparent">

 

 

 

 

<telerikChart:RadChart.SeriesMappings>

 

 

 

 

<telerik:SeriesMapping>

 

 

 

 

<telerik:SeriesMapping.SeriesDefinition>

 

 

 

 

<telerik:LineSeriesDefinition ShowItemLabels="False" ShowPointMarks="False">

 

 

 

 

</telerik:LineSeriesDefinition>

 

 

 

 

</telerik:SeriesMapping.SeriesDefinition>

 

 

 

 

 

<telerik:SeriesMapping.ItemMappings>

 

 

 

 

<telerik:ItemMapping FieldName="Close" DataPointMember="YValue" />

 

 

 

 

</telerik:SeriesMapping.ItemMappings>

 

 

 

 

 

</telerik:SeriesMapping>

 

 

 

 

<telerik:SeriesMapping>

 

 

 

 

<telerik:SeriesMapping.SeriesDefinition>

 

 

 

 

<telerik:BarSeriesDefinition AxisName="AxisY_Volume" />

 

 

 

 

</telerik:SeriesMapping.SeriesDefinition>

 

 

 

 

<telerik:SeriesMapping.ItemMappings>

 

 

 

 

<telerik:ItemMapping FieldName="Volume" DataPointMember="YValue" />

 

 

 

 

</telerik:SeriesMapping.ItemMappings>

 

 

 

 

</telerik:SeriesMapping>

 

 

 

 

</telerikChart:RadChart.SeriesMappings>

 

 

 

 

<telerikChart:RadChart.DefaultView>

 

 

 

 

<telerik:ChartDefaultView>

 

 

 

 

<telerik:ChartDefaultView.ChartLegend>

 

 

 

 

<telerik:ChartLegend Visibility="Collapsed"/>

 

 

 

 

</telerik:ChartDefaultView.ChartLegend>

 

 

 

 

<telerik:ChartDefaultView.ChartArea>

 

 

 

 

<telerik:ChartArea EnableAnimations="False">

 

 

 

 

<telerik:ChartArea.AxisX>

 

 

 

 

<telerik:AxisX AutoRange="True" AxisLabelsVisibility="Collapsed" MajorTicksVisibility="Collapsed" MinorGridLinesVisibility="Collapsed" MajorGridLinesVisibility="Collapsed" />

 

 

 

 

</telerik:ChartArea.AxisX>

 

 

 

 

<telerik:ChartArea.AxisY>

 

 

 

 

<telerik:AxisY />

 

 

 

 

</telerik:ChartArea.AxisY>

 

 

 

 

<telerik:ChartArea.AdditionalYAxes>

 

 

 

 

<telerik:AxisY AxisName="AxisY_Volume" />

 

 

 

 

</telerik:ChartArea.AdditionalYAxes>

 

 

 

 

</telerik:ChartArea>

 

 

 

 

</telerik:ChartDefaultView.ChartArea>

 

 

 

 

</telerik:ChartDefaultView>

 

 

 

 

</telerikChart:RadChart.DefaultView>

 

 

 

 

</telerikChart:RadChart>

 

[Vladimir Milev]

Hello Jay Sanderson,

I am not exactly sure what problem you are having. Can you please elaborate a bit about your scenario and let us know some details so that we can help you better.

Kind regards,
Vladimir Milev
the Telerik team