如上图所示:
- 青色为线为固定的数值线,一般可用来显示上下限,或者左右限值。
- 灰色线为十字光标线,跟随鼠标移动而显示,方便读取数值。
- 可定义坐标标题
- 可定义坐标高度、宽度
- 可定义固定数值线的样式
以下代码是基于0.3.0.0版本的DLL,最新的DLL某些方法已不适用。
代码如下:
<d3:ChartPlotter x:Name="plotter">
<d3:ChartPlotter.HorizontalAxis>
<!-- 常规刻度[默认显示]
Visibility:是否显示刻度轴[Visible,Hidden]
ShowMinorTicks:是否显示短刻度线
Height:刻度轴高度,0就相当于隐藏刻度轴-->
<d3:HorizontalAxis Visibility="Visible"
ShowMinorTicks="True"
Height="30" />
<!--其中,HorizontalAxis是默认坐标类型,可以更改为以下两种类型,其余参数不变
整数刻度 <d3:HorizontalIntegerAxis/>
时间轴[年月日时分秒]刻度 <d3:HorizontalDateTimeAxis/> <d3:HorizontalTimeSpanAxis/>-->
</d3:ChartPlotter.HorizontalAxis>
<d3:ChartPlotter.VerticalAxis>
<d3:VerticalAxis />
</d3:ChartPlotter.VerticalAxis>
<!--标题-->
<d3:Header x:Name="headerx"
Content="这是曲线的主标题"
FontSize="14"
HorizontalAlignment="Center" />
<d3:VerticalAxisTitle Content="Y轴标题"
FontSize="14" />
<d3:HorizontalAxisTitle Content="X轴标题"
FontSize="14" />
<!--常数线,垂直X轴或者Y轴,StrokeDashArray不写为实线-->
<d3:HorizontalLine Value="2"
Stroke="Aqua"
StrokeThickness="3"
StrokeDashArray="4" />
<d3:VerticalLine Value="2"
Stroke="Aqua"
StrokeThickness="3"
StrokeDashArray="4,5" />
<!--十字光标,以鼠标点为原点动态垂直两个坐标轴的线,便于读数-->
<d3:CursorCoordinateGraph />
<d3:LineGraph Name="lineGraph"
Stroke="OrangeRed"
StrokeThickness="1" />
</d3:ChartPlotter>