阶梯线系列视图¶

阶梯线系列视图（Step Line Series View，CartesianStepLineSeriesView）使用水平和垂直线段连接各点。

阶梯线系列视图的数据¶

可以使用以下数据适配器为阶梯线系列视图提供数据：

数值型 X 值：

日期和时间型 X 值：

定性 X 值：

QualitativeDataAdapter

阶梯线系列视图设置¶

Color — 指定绘制系列所用的颜色。
CrosshairMode — 指定十字线的图表标签是吸附到最近的数据点，还是显示插值。请参阅在十字线图表标签中显示精确值或插值。
InvertedStep — 指定相邻数据点之间阶梯线段的绘制顺序。如果 InvertedStep 为 false（默认值），阶梯先绘制水平线段，再绘制垂直线段。如果 InvertedStep 为 true，阶梯先绘制垂直线段，再绘制水平线段。
MarkerImage — 获取或设置用作自定义点标记的图像。如果未指定图像，则显示默认的方形标记。可以使用 SvgImage 类的实例指定 SVG 图像。

MarkerImage 属性使用 [Content] 特性声明，因此可以直接在 <CartesianStepLineSeriesView> 标记之间定义图像。
```
<mxc:CartesianStepLineSeriesView>
    <SvgImage Source="avares://Demo/Assets/circle.svg" />
</mxc:CartesianStepLineSeriesView>
```
SVG 文件为 SVG 元素预定义了颜色。要使这些颜色与数据系列的颜色一致，可以采用以下任一方法：
- 事先手动编辑源 SVG 图像文件
- 使用 MarkerImageCss 属性动态自定义 SVG 元素的样式。这些样式在渲染点标记时应用。
MarkerImageCss — 指定 CSS 样式，用于在运行时自定义由 MarkerImage 属性定义的 SVG 图像。主要用途是将 SVG 元素的颜色替换为系列颜色（Color）。在 CSS 代码中使用 {0} 占位符插入 Color 属性的值。

例如，当 MarkerImage 属性包含带有 circle 元素的 SVG 图像时，以下 CSS 代码将 circle 设置为橙色填充（使用系列颜色）和深红色边框：
```
<mxc:CartesianStepLineSeriesView Color="orange" MarkerImageCss="circle {{fill:{0};stroke:darkred;}}">
    <SvgImage Source="avares://Demo/Assets/circle.svg" />
</mxc:CartesianStepLineSeriesView>
```
另请参阅：示例 - 创建棒棒糖系列视图并使用自定义 SVG 标记。
MarkerSize — 指定点标记的大小。
ShowInCrosshair — 指定当前系列在十字线图表标签中是否可见。请参阅自定义十字线的图表标签。
ShowMarkers — 启用或禁用点标记。
Thickness — 指定线条粗细。

^* 本页面使用机器翻译技术翻译。