WPF 制作交互式图表

Question

我在 中使用 System.Windows.Controls.DataVisualization.Toolkit 绘制图表WPF 应用程序。 图表的代码是：

<chartingToolkit:Chart>
                        <!-- Volume -->
                        <chartingToolkit:LineSeries
                            Title="Volume (M)"
                            ItemsSource="{StaticResource StockDataCollection}"
                            IndependentValuePath="Date"
                            DependentValuePath="Volume"/>
                        <!-- Price -->
                        <chartingToolkit:LineSeries
                            Title="Price ($)"
                            ItemsSource="{StaticResource StockDataCollection}"
                            IndependentValuePath="Date"
                            DependentValuePath="Price"/>
                        <chartingToolkit:Chart.Axes>
                            <!-- Axis for custom range -->
                            <chartingToolkit:LinearAxis
                                Orientation="Y"
                                Minimum="0"
                                Maximum="100"
                                ShowGridLines="True"/>
                            <!-- Axis for custom labels -->
                            <chartingToolkit:DateTimeAxis
                                Orientation="X">
                                <chartingToolkit:DateTimeAxis.AxisLabelStyle>
                                    <Style TargetType="chartingToolkit:DateTimeAxisLabel">
                                        <Setter Property="StringFormat" Value="{}{0:MMM d}"/>
                                    </Style>
                                </chartingToolkit:DateTimeAxis.AxisLabelStyle>
                            </chartingToolkit:DateTimeAxis>
                        </chartingToolkit:Chart.Axes>
                    </chartingToolkit:Chart>

我希望用户能够在任何点单击线系列并将其向上或向下拖动，这样值就会改变？ 这就像双向数据绑定，但我不知道该怎么做。

Answer 1

WPF Toolkit 图表控件没有任何处理鼠标拖动的代码，因此您必须自己编写。

您应该能够子类化 LineDataPoint 以添加拖动功能，然后子类化 LineSeries 并重写 CreateDataPoint() 以创建自定义 LineDataPoint 项。

在这种情况下，您的 ItemsSource 将不是值的 IEnumerable（例如 IEnumerable），而是值持有者对象（例如 IEnumerable） ）。值持有者对象将具有可用于检索或设置此时的值的属性，允许通过将 DependentValueBinding 设置为 TwoWay 绑定来更新值你的财产。您可以重用应用程序中的现有对象，而不是专门为此目的创建值持有者对象。

Answer 2

检查此库

http://www.fusioncharts.com/demos/features /#数据可视化编辑