[Solved] Placing RadCartesianChart in hubsection

[Jen Lun]

Im having problem plotting the graph with cartesian chart in hub section but no problem when placed outside the hub. Can anyone please advice? Thanks!

<HubSection Name="hub" Header="Sales Summary" Width="596" >

 <DataTemplate>

  <telerikChart:RadCartesianChart x:Name="Chart" >

  <telerikChart:RadCartesianChart.Grid>

  <telerikChart:CartesianChartGrid MajorLinesVisibility="XY" />

  </telerikChart:RadCartesianChart.Grid>

  <telerikChart:RadCartesianChart.VerticalAxis>

  <telerikChart:LinearAxis/>

  </telerikChart:RadCartesianChart.VerticalAxis>

  <telerikChart:RadCartesianChart.HorizontalAxis>

  <telerikChart:CategoricalAxis/>

  <telerikChart:RadCartesianChart.HorizontalAxis>

  <telerikChart:LineSeries ItemsSource="{Binding}" Stroke="#99FB5656">

  <telerikChart:LineSeries.PointTemplate>

  <DataTemplate>

  <Ellipse Fill="#7F810A0A" Height="10" Width="10" Stroke="Red"/>

  </DataTemplate>

  </telerikChart:LineSeries.PointTemplate>

  <!--<telerikCharting:CategoricalDataPoint Category="January"  Value="0.5"/>

  <telerikCharting:CategoricalDataPoint Category="Feburary" Value="0.8"/>

  <telerikCharting:CategoricalDataPoint Category="March" Value="0.9"/>

  <telerikCharting:CategoricalDataPoint Category="April" Value="1.2"/>

  <telerikCharting:CategoricalDataPoint Category="May" Value="1.1"/>

  <telerikCharting:CategoricalDataPoint Category="Jun" Value="1.3"/>-->

  </telerikChart:LineSeries>

  </telerikChart:RadCartesianChart>

 </DataTemplate>

</HubSection >

[Rosy Topchiyska]

Hi Jen,

Thank you for contacting us.

I have attached a sample project that demonstrates how to use a RadCartesianChart control in a HubSection in a scenario where the series are bound to a view model and in a scenario with unbound series.

I hope this helps. Please, let us know if you have further questions.

Regards,
Rosy Topchiyska
Telerik