急需帮助，Chart的SeriesItemsSource绑定问题

我想把C1的Chart当作一个自定义控件的一部分，然后DataSeries的数量是不固定的，所以想知道怎么绑定


图中1的部分是正常写死值，2的部分应该是DataSeries的绑定吧，我就找到这个，Children属性只是只读的，但是绑定后不显示值，请问是该怎么处理这个绑定



我是这么赋值的

回复 7楼heyixiaoran的帖子

你是说想绑定动态的系列，即系列按照需求自己添加，这次我理解的没错吧？
用SeriesItemSource这个方向是没错的。使用SeriesItemsSource和SeriesItemTemplate来设定绑定源和模板。
我写了一个简单的例子，希望能帮到你。
如下代码中指定X、Y轴的Series数据，你若是不需要X轴数据，删掉相关代码，然后把XYDataSeries换成DataSeries。代码我都测试过，复制到本地可以使用，代码如下:

1. <c1:C1Chart Name="c1Chart1" >
   
2.     <c1:C1Chart.Data>
   
3.         <c1:ChartData SeriesItemsSource="{Binding MyReports}">
   
4.             <c1:ChartData.SeriesItemTemplate>
   
5.                 <DataTemplate>
   
6.                     <c1:XYDataSeries ItemsSource="{Binding Data}"
   
7.                                      ValueBinding="{Binding Y}"
   
8.                                      XValueBinding="{Binding X}" />
   
9.                 </DataTemplate>
   
10.             </c1:ChartData.SeriesItemTemplate>
    
11.         </c1:ChartData>
    
12.     </c1:C1Chart.Data>
    
13.     <c1:C1ChartLegend DockPanel.Dock="Right" />
    
14. </c1:C1Chart>
    

复制代码

1. /// </summary>
   
2. public partial class MainWindow : Window
   
3. {
   
4.     public MainWindow()
   
5.     {
   
6.         InitializeComponent();
   
7. 
   
8.         MyReport report = new MyReport();
   
9.         ObservableCollection<MyData> data = new ObservableCollection<MyData>();
   
10.         data.Add(new MyData() { X = 5, Y = 7 });
    
11.         data.Add(new MyData() { X = 8, Y = 4 });
    
12.         data.Add(new MyData() { X = 9, Y = 3 });
    
13.         data.Add(new MyData() { X = 12, Y = 1 });
    
14.         report.Data = data;
    
15. 
    
16.         MyReport report2 = new MyReport();
    
17.         ObservableCollection<MyData> data2 = new ObservableCollection<MyData>();
    
18.         data2.Add(new MyData() { X = 5, Y = 5 });
    
19.         data2.Add(new MyData() { X = 8, Y = 1 });
    
20.         data2.Add(new MyData() { X = 9, Y = 4 });
    
21.         data2.Add(new MyData() { X = 12, Y = 3 });
    
22.         report2.Data = data2;
    
23. 
    
24.         MyReports = new ObservableCollection<MyReport>();
    
25.         MyReports.Add(report);
    
26.         MyReports.Add(report2);
    
27. 
    
28.         this.DataContext = this;
    
29.     }
    
30. 
    
31.     public ObservableCollection<MyReport> MyReports { get; set; }
    
32. }
    
33. 
    
34. public class MyReport
    
35. {
    
36.     public ObservableCollection<MyData> Data { get; set; }
    
37. }
    
38. 
    
39. public class MyData
    
40. {
    
41.     public double X { get; set; }
    
42.     public double Y { get; set; }
    
43. }
    

复制代码

回复 1楼heyixiaoran的帖子

后台绑定数据源方法如下：

1. 
   
2.         public MainWindow()
   
3.         {
   
4.             InitializeComponent();
   
5.             this.c1chart1.Data.Children.Clear();
   
6. 
   
7.             ChartData _bubbleData = new ChartData();
   
8. 
   
9.             XYDataSeries ds1 = new XYDataSeries() { Label = &quot;s1&quot; };
   
10.             ds1.ValuesSource = new double[] { 3, 4, 7, 5, 8 };
    
11.             _bubbleData.Children.Add(ds1);
    
12. 
    
13.             XYDataSeries ds2 = new XYDataSeries() { Label = &quot;s2&quot; };
    
14.             ds2.ValuesSource = new double[] { 1, 2, 3, 4, 6 };
    
15.             _bubbleData.Children.Add(ds2);
    
16. 
    
17.             c1chart1.ChartType = ChartType.XYPlot;
    
18.             c1chart1.Data = _bubbleData;
    
19.         }
    

复制代码

回复 2楼iceman的帖子

hi  iceman
这个是赋值，我是要走Binding 啊，没看明白啊，我是把Chart 作为我的自定义控件的一个部分，所以把数据写成一个DependencyProperty，然后Xaml里TemplateBinding 过去的，可否详细说一下

回复 2楼iceman的帖子

Hi Iceman
Data 赋值后，在Xaml里该TemplateBinding 给哪个属性，能给下Xaml 的示例嘛

回复 4楼heyixiaoran的帖子

你好。
ItemNames可以用你的方法直接绑定。
但1楼图片中2部分SeriesItemsSource的绑定xmal有问题，不能将数据传递过去。参考代码如下：

1. <c1:C1Chart Name="c1Chart4" ChartType="Column"  Palette="Office">
   
2. <c1:C1Chart.Data>
   
3. <c1:ChartData ItemsSource="{Binding ChartData}" ItemNameBinding="{Binding Product}">
   
4. <c1:DataSeries Label="Value" ValueBinding="{Binding Value}" />
   
5. <c1:DataSeries Label="Discount" ValueBinding="{Binding Discount}" />
   
6. </c1:ChartData>
   
7. </c1:C1Chart.Data>
   
8. </c1:C1Chart>

复制代码

你可以根据代码写看看，做Sample还需要点时间。

回复 3楼heyixiaoran的帖子

这个绑定需要自己写一些代码，数据源以及Xaml绑定的写法都可以参考Sample。
附件是你需要的例子。

回复 6楼Alice的帖子

Hi Alice

可能我说的不明白，我的意思是DataSeries的个数不确定，我想把DataSeries的集合都写成绑定的形式
<c1Chart:C1Chart Name="C1Chart2D">
     <c1Chart:C1Chart.Data>
         <c1Chart:ChartData ItemNames="{TemplateBinding XAxisLables}" SeriesItemsSource="{TemplateBinding DataSeriesCollection}">
         </c1Chart:ChartData>
     </c1Chart:C1Chart.Data>

     <c1Chart:C1ChartLegend DockPanel.Dock="Right" />
</c1Chart:C1Chart>


DataSeries series1 = new DataSeries()
{
    Label = "label1",
    Values = new DoubleCollection() { 12, 23, 32, 12, 4 },
    RenderMode = RenderMode.Default
};
DataSeries series2 = new DataSeries()
{
    Label = "label2",
    Values = new DoubleCollection() { 18, 29, 37, 20, 10 },
    RenderMode = RenderMode.Default
};
ObservableCollection<DataSeries> collection = new ObservableCollection<DataSeries>();
collection.Add(series1);
collection.Add(series2);
item.DataSeriesCollection = collection;

我Binding 这个SeriesItemsSource也没看到图型，不知道怎么回事，由于我这个是在Xamarin的项目，所以只提供了这一点，我用时是把这个放在ListView 里充当ListViewItem 用的

回复 8楼Alice的帖子

Wow great . 这是我想要的，非常感谢您，让您一大早就这么忙，非常抱歉

回复 9楼heyixiaoran的帖子

虽然忙碌，但能够帮你解决问题还是很开心的。
谢谢你帮忙评分。以后有问题欢迎开新帖交流。
或是自己摸索出的经验，例子都可以给我们分享。我们会有金币等奖励送出。