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

登录

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

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

我是这么赋值的

Alice · Alice

回复 7楼heyixiaoran的帖子

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

<c1:C1Chart Name="c1Chart1" >
<c1:C1Chart.Data>
<c1:ChartData SeriesItemsSource="{Binding MyReports}">
<c1:ChartData.SeriesItemTemplate>
<DataTemplate>
<c1:XYDataSeries ItemsSource="{Binding Data}"
ValueBinding="{Binding Y}"
XValueBinding="{Binding X}" />
</DataTemplate>
</c1:ChartData.SeriesItemTemplate>
</c1:ChartData>
</c1:C1Chart.Data>
<c1:C1ChartLegend DockPanel.Dock="Right" />
</c1:C1Chart>

复制代码

/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
MyReport report = new MyReport();
ObservableCollection<MyData> data = new ObservableCollection<MyData>();
data.Add(new MyData() { X = 5, Y = 7 });
data.Add(new MyData() { X = 8, Y = 4 });
data.Add(new MyData() { X = 9, Y = 3 });
data.Add(new MyData() { X = 12, Y = 1 });
report.Data = data;
MyReport report2 = new MyReport();
ObservableCollection<MyData> data2 = new ObservableCollection<MyData>();
data2.Add(new MyData() { X = 5, Y = 5 });
data2.Add(new MyData() { X = 8, Y = 1 });
data2.Add(new MyData() { X = 9, Y = 4 });
data2.Add(new MyData() { X = 12, Y = 3 });
report2.Data = data2;
MyReports = new ObservableCollection<MyReport>();
MyReports.Add(report);
MyReports.Add(report2);
this.DataContext = this;
}
public ObservableCollection<MyReport> MyReports { get; set; }
}
public class MyReport
{
public ObservableCollection<MyData> Data { get; set; }
}
public class MyData
{
public double X { get; set; }
public double Y { get; set; }
}

复制代码

iceman · iceman

回复 1楼heyixiaoran的帖子

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

public MainWindow()
{
InitializeComponent();
this.c1chart1.Data.Children.Clear();
ChartData _bubbleData = new ChartData();
XYDataSeries ds1 = new XYDataSeries() { Label = "s1" };
ds1.ValuesSource = new double[] { 3, 4, 7, 5, 8 };
_bubbleData.Children.Add(ds1);
XYDataSeries ds2 = new XYDataSeries() { Label = "s2" };
ds2.ValuesSource = new double[] { 1, 2, 3, 4, 6 };
_bubbleData.Children.Add(ds2);
c1chart1.ChartType = ChartType.XYPlot;
c1chart1.Data = _bubbleData;
}

复制代码

heyixiaoran · heyixiaoran

回复 2楼iceman的帖子

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

heyixiaoran · heyixiaoran

回复 2楼iceman的帖子

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

Alice · Alice

回复 4楼heyixiaoran的帖子

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

<c1:C1Chart Name="c1Chart4" ChartType="Column" Palette="Office">
<c1:C1Chart.Data>
<c1:ChartData ItemsSource="{Binding ChartData}" ItemNameBinding="{Binding Product}">
<c1:DataSeries Label="Value" ValueBinding="{Binding Value}" />
<c1:DataSeries Label="Discount" ValueBinding="{Binding Discount}" />
</c1:ChartData>
</c1:C1Chart.Data>
</c1:C1Chart>

复制代码

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

Alice · Alice

回复 3楼heyixiaoran的帖子

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

heyixiaoran · heyixiaoran

回复 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 用的

heyixiaoran · heyixiaoran

回复 8楼Alice的帖子

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

Alice · Alice

回复 9楼heyixiaoran的帖子

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

		自动登录	找回密码
密码			立即注册

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

本帖子中包含更多资源

11 个回复

评分

本帖子中包含更多资源

本帖子中包含更多资源

活字格认证

微信认证勋章

元老葡萄