sliverLight 图表实例

1. <!-- Chart 的属性 ColorSet 指定要使用自定义的颜色方案 myColors --> 
2. <vc:Chart ColorSet="myColors" Grid.Column="0" Grid.RowSpan="2" Width="300" Height="300"> 
3.     <vc:Chart.ColorSets> 
4.         <vc:ColorSet Id="myColors"> 
5.             <vc:ColorSet.Brushes> 
6.                 <!-- 自定义的颜色方案 --> 
7.                 <SolidColorBrush Color="Green" /> 
8.                 <SolidColorBrush Color="Red" /> 
9.                 <SolidColorBrush Color="Blue" /> 
10.                 <SolidColorBrush Color="Yellow" /> 
11.                 <SolidColorBrush Color="Orange" /> 
12.             </vc:ColorSet.Brushes> 
13.         </vc:ColorSet> 
14.     </vc:Chart.ColorSets> 
15.     <vc:Chart.Series> 
16.         <!--ShowInLegend 设置是否显示图例--> 
17.         <vc:DataSeries LegendText="Series1" ShowInLegend="True" RenderAs="Column" AxisYType="Primary" > 
18.             <vc:DataSeries.DataPoints> 
19.                 <vc:DataPoint YValue="20" /> 
20.                 <vc:DataPoint YValue="40" /> 
21.                 <vc:DataPoint YValue="50" /> 
22.                 <vc:DataPoint YValue="60" /> 
23.                 <vc:DataPoint YValue="30" /> 
24.             </vc:DataSeries.DataPoints> 
25.         </vc:DataSeries> 
26.     </vc:Chart.Series> 
27. </vc:Chart> 

运行结果如下：

通过C# 设置自定义数据点颜色示例:

1. // 新建一个 Chart 实例 
2. Chart chart = new Chart(); 
3. chart.Width = 300; 
4. chart.Height = 300; 
5.  
6. // 新建一个 ColorSet 实例 
7. ColorSet cs = new ColorSet(); 
8. cs.Id = "colorset1"; // 设置ColorSet 的 Id 为 colorset1 
9. cs.Brushes.Add(new SolidColorBrush(Colors.Green)); 
10. cs.Brushes.Add(new SolidColorBrush(Colors.Red)); 
11. cs.Brushes.Add(new SolidColorBrush(Colors.Blue)); 
12. cs.Brushes.Add(new SolidColorBrush(Colors.Yellow)); 
13. cs.Brushes.Add(new SolidColorBrush(Colors.Orange)); 
14.  
15. chart.ColorSets.Add(cs); 
16. chart.ColorSet = "colorset1";  // 设置 Chart 使用自定义的颜色集合 colorset1 
17.  
18. DataSeries dataSeries = new DataSeries(); 
19. dataSeries.RenderAs = RenderAs.Column; 
20. dataSeries.DataPoints.Add(new DataPoint 
21. { 
22.     YValue = 20 
23. }); 
24. dataSeries.DataPoints.Add(new DataPoint 
25. { 
26.     YValue = 40 
27. }); 
28. dataSeries.DataPoints.Add(new DataPoint 
29. { 
30.     YValue = 50 
31. }); 
32. dataSeries.DataPoints.Add(new DataPoint 
33. { 
34.     YValue = 60 
35. }); 
36. dataSeries.DataPoints.Add(new DataPoint 
37. { 
38.     YValue = 30 
39. }); 
40.  
41. chart.Series.Add(dataSeries);