在WPF Toolkit折線圖中爲y軸點之間的區域着色

Question

我正在wpf中使用折線圖。我已經給出了沿y軸的最小值和最大值，間隔爲50分。我想用顏色來遮蔽間隔，即0-50藍色，50-100紅色等等。如何在wpf線圖中瞭解這一點？

請幫忙嗎？

謝謝。

Answer 1

您可以在同一Chart使用多個AreaSeries。下面是一個簡單的圖表：

<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> 

，看起來像這樣：