WPF Toolkit 图表中具有相同 Y 轴的两个 LineSeries答案

【问题标题】：Two LineSeries with the same Y Axis in WPF Toolkit chartsWPF Toolkit 图表中具有相同 Y 轴的两个 LineSeries
【发布时间】：2010-09-05 09:08:18
【问题描述】：

我想使用 WPF 工具包图表执行以下操作：

我有两个应该使用相同 y 轴的线系列（即我希望它们都处于相同的比例）。我可以为它们中的每一个赋予相同的轴定义，以便它们重叠（然后使它们中的一个具有折叠可见性），但这不是我的最佳选择。

这就是我所说的解决方案：

<charts:LineSeries Name="ExternalMeasureSeries"
               IndependentValueBinding="{Binding Time}"
               DependentValueBinding="{Binding ExternalMeasure}">
    <charts:LineSeries.DataPointStyle>
        <Style TargetType="charts:LineDataPoint">
            <Setter Property="Background" Value="Red"/>
            <Setter Property="Opacity" Value="0" />
        </Style>
    </charts:LineSeries.DataPointStyle>
    <!-- Vertical axis for external measure curve -->
    <charts:LineSeries.DependentRangeAxis>
        <charts:LinearAxis
            Orientation="Y"
            Title="Measurement"
            Minimum="0"
            Maximum="30"/>
    </charts:LineSeries.DependentRangeAxis>
</charts:LineSeries>
<charts:LineSeries Name="InternalMeasureSeries"
                   IndependentValueBinding="{Binding Time}"
                   DependentValueBinding="{Binding InternalMeasure}">
    <charts:LineSeries.DataPointStyle>
        <Style TargetType="charts:LineDataPoint">
            <Setter Property="Background" Value="Orange"/>
            <Setter Property="Opacity" Value="0" />
        </Style>
    </charts:LineSeries.DataPointStyle>
    <!-- Vertical axis for internal measure curve -->
    <charts:LineSeries.DependentRangeAxis>
        <charts:LinearAxis
            Orientation="Y"
            Minimum="0"
            Maximum="30"
            Visibility="Collapsed"/>
    </charts:LineSeries.DependentRangeAxis>
</charts:LineSeries>

有没有办法定义多个具有相同 Y 轴的系列？

我发现工具包版本 3.5.0.0 有一个名为 StackedLineSeries 的东西，但是安装在 2010 年 2 月版本的工具包中的版本 3.5.40128.1 不存在。它是否移动到另一个 clr 命名空间？

【问题讨论】：

标签： charts wpftoolkit data-visualization

【解决方案1】：

我遇到了同样的问题，并找到了以下方法。您可以将两个系列添加到同一个图表中，并通过将宽度设置为 0 来隐藏第二个系列的轴标签；

<charts:LinearAxis
Orientation="Y"
Title="Measurement"
Minimum="0"
Maximum="30"
**Width = "0"**
/>

希望对你有帮助

【讨论】：

【解决方案2】：

我有一个包含 3 行系列的图表。前两个系列代表相对湿度，第三个系列代表露点。
我想在同一个 Y 轴上绘制前 2 个系列。我在资源部分创建了我的轴。在我的示例中，这是在 TabItem 中。

<TabItem Header="rH">
<TabItem.Resources>
    <chartingToolkit:LinearAxis Orientation="Y" HorizontalAlignment="Left" Title="rH /%" x:Key="RHYAxis" />
    <chartingToolkit:LinearAxis Orientation="Y" HorizontalAlignment="Right"  Title="Dew point /°C" x:Key="DewPointYAxis" />
</TabItem.Resources>
<chartingToolkit:Chart HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Title="Relative Humidity" IsEnabled="True">
    <chartingToolkit:Chart.Series>
        <chartingToolkit:LineSeries DependentRangeAxis="{StaticResource RHYAxis}" IsSelectionEnabled="False" ItemsSource="{Binding Path=RHCollection}" IndependentValuePath="TimeStamp" DependentValuePath="rH" Title="Measured rH" />
        <chartingToolkit:LineSeries DependentRangeAxis="{StaticResource RHYAxis}" IsSelectionEnabled="False" ItemsSource="{Binding Path=CorrectedRHCollection}" IndependentValuePath="TimeStamp" DependentValuePath="CorrectedRH" Title="Corrected rH" />
        <chartingToolkit:LineSeries DependentRangeAxis="{StaticResource DewPointYAxis}" IsSelectionEnabled="False" ItemsSource="{Binding Path=DewPointCollection}" IndependentValuePath="TimeStamp" DependentValuePath="DewPoint" Title="Dew point" />
    </chartingToolkit:Chart.Series>
</chartingToolkit:Chart>

【讨论】：