Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save garyjohnson/3738939 to your computer and use it in GitHub Desktop.
Save garyjohnson/3738939 to your computer and use it in GitHub Desktop.
Chart Control Example - Telerik - Custom Individual Bar Colors
<chart:RadCartesianChart Name="radChart1" Palette="Metro" VerticalAlignment="Stretch" Margin="0,0,0,10">
<chartView:BarSeries ItemsSource="{Binding MonthRevenues}" ValueBinding="Actual" CategoryBinding="Month" >
<chartView:BarSeries.PointTemplate>
<DataTemplate>
<Rectangle Fill="{Binding Converter={StaticResource detailedInfoToBrushConverter}, ConverterParameter={StaticResource brushes}}"/>
</DataTemplate>
</chartView:BarSeries.PointTemplate>
</chartView:BarSeries>
<chartView:LineSeries ItemsSource="{Binding MonthRevenues}" ValueBinding="Target" CategoryBinding="Month" Stroke="{StaticResource ChartBrush2}" >
<chartView:LineSeries.PointTemplate>
<DataTemplate>
<Rectangle Fill="#FF5B5B5B" Width="4" Height="4" />
</DataTemplate>
</chartView:LineSeries.PointTemplate>
</chartView:LineSeries>
<chart:RadCartesianChart.HorizontalAxis>
<chartView:CategoricalAxis LabelStyle="{StaticResource axisLabelStyle}" />
</chart:RadCartesianChart.HorizontalAxis>
<chart:RadCartesianChart.VerticalAxis>
<chartView:LinearAxis Minimum="0" Maximum="1500" MajorStep="300" LabelStyle="{StaticResource axisLabelStyle}" />
</chart:RadCartesianChart.VerticalAxis>
</chart:RadCartesianChart>
@xiaoyuandlg
Copy link

Very interesting about the chart, reminded me of the UI chart control, and the Chart Palettes customization, sounds they have many things in common.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment