在WPF工具包折线图中的y轴点之间着色区域

Question

我在wpf中使用折线图。我沿y轴给出了最小值和最大值，间隔为50.我想用颜色对间隔进行着色，即0-50蓝色，50-100红色等等。如何在wpf折线图中解决这个问题？

请帮助？

谢谢..

Answer 1

您可以在同一AreaSeries上使用多个Chart。这是一个示例图表：

<Grid>
    <Grid.Resources>
        <PointCollection x:Key="sampleData1">
            <Point X="0" Y="20"/>
            <Point X="25" Y="30"/>
            <Point X="50" Y="25"/>
        </PointCollection>
        <PointCollection x:Key="sampleData2">
            <Point X="50" Y="25"/>
            <Point X="75" Y="40"/>
            <Point X="100" Y="35"/>
        </PointCollection>
    </Grid.Resources>
    <chartingToolkit:Chart Title="Colored Y Ranges">
        <chartingToolkit:AreaSeries
            Title="First Section"
            ItemsSource="{StaticResource sampleData1}"
            IndependentValuePath="X"
            DependentValuePath="Y">
        </chartingToolkit:AreaSeries>
        <chartingToolkit:AreaSeries
            Title="Second Section"
            ItemsSource="{StaticResource sampleData2}"
            IndependentValuePath="X"
            DependentValuePath="Y">
        </chartingToolkit:AreaSeries>
    </chartingToolkit:Chart>
</Grid>

看起来像这样：