WPF编程，Live Charts使用说明（7）——定制系列_wpf livechart.wpf chart的属性说明

笔触和填充

所有系列都具有Stroke和Fill属性，这些属性处理颜色，两个属性类型均为System.Windows.Media.Brush，您可以使用复杂的填充或笔触。具体可以参考：填充

mySeries.Fill = Brushes.Red;
mySeries.Stroke = Brushes.Blue;
1
2

笔划线型和厚度

使用Series.StrokeThickness您有需要，画虚线，那么用户可以使用属性 Series.StrokeDashArray属性
具体可以参考：线形

<lvc:LineSeries StrokeDashArray="2" />
mySeries.StrokeDashArray = new DoubleCollection {2};
1
2

重叠顺序

任何系列类绘制的每个形状都绑定到Panel.ZIndex属性，因此您可以轻松控制z索引中的哪个系列在上方或下方。

前台：
<lvc:LineSeries Panel.ZIndex="0" />
<lvc:LineSeries Panel.ZIndex="1" />
<lvc:LineSeries Panel.ZIndex="2" />

后台：
System.Windows.Controls.Panel.SetZIndex(mySeries, 0);
System.Windows.Controls.Panel.SetZIndex(mySeries, 1);
System.Windows.Controls.Panel.SetZIndex(mySeries, 2);
1
2
3
4
5
6
7
8
9

显示

所有绘制的形状也都绑定到Series.Visibility属性，因此您可以在运行时轻松控制系列的可见性。

特殊属性

有些属性仅在某些系列中存在，要查找有关如何自定义每个系列的更多信息，请参阅相关文档，例如，请参阅手册以获取有关LineSeries的更多信息。

后台：

using LiveCharts;
 
namespace Wpf.CartesianChart.Customized
{
    public partial class CustomizedExample 
    {
        public CustomizedExample()
        {
            InitializeComponent();
 
            Values1 = new ChartValues<double> { 3, 4, 6, 3, 2, 6 };
            Values2 = new ChartValues<double> { 5, 3, 5, 7, 3, 9 };
 
            DataContext = this;
        }
 
        public ChartValues<double> Values1 { get; set; }
        public ChartValues<double> Values2 { get; set; }
 
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

前台：

<lvc:CartesianChart Background="#222E31">
  <lvc:CartesianChart.Series>
    <lvc:LineSeries Values="{Binding Values1}" StrokeThickness="4" StrokeDashArray="2" 
                       Stroke="#6BBA45" Fill="Transparent" LineSmoothness="0" PointGeometry="{x:Null}" />
    <lvc:LineSeries Values="{Binding Values2}" StrokeThickness="2" 
                       Stroke="#1C8FC5" Fill="Transparent" LineSmoothness="1" 
                       PointGeometrySize="15" PointForeround="#222E31"/>
  </lvc:CartesianChart.Series>
  <lvc:CartesianChart.AxisX>
    <lvc:Axis IsMerged="True">
      <lvc:Axis.Separator>
        <lvc:Separator StrokeThickness="1" StrokeDashArray="2">
          <lvc:Separator.Stroke>
            <SolidColorBrush Color="#404F56" />
          </lvc:Separator.Stroke>
        </lvc:Separator>
      </lvc:Axis.Separator>
    </lvc:Axis>
  </lvc:CartesianChart.AxisX>
  <lvc:CartesianChart.AxisY>
    <lvc:Axis IsMerged="True">
      <lvc:Axis.Separator>
        <lvc:Separator StrokeThickness="1.5" StrokeDashArray="4">
          <lvc:Separator.Stroke>
            <SolidColorBrush Color="#404F56" />
          </lvc:Separator.Stroke>
        </lvc:Separator>
      </lvc:Axis.Separator>
    </lvc:Axis>
  </lvc:CartesianChart.AxisY>
</lvc:CartesianChart>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31