ECharts图形的序列属性有：序列属性、普通状态设置、高亮状态设置、数据点设置等。

数据点设置

数据点设置包括“数据点形状、数据点大小、数据点旋转角度”。

数据点形状

属性说明

设置图形中数据点的形状。

预览效果

设置不同的数据点形状效果对比，如下：

数据点大小

属性说明

设置图形中数据点的大小。

预览效果

设置不同数值的数据点大小效果对比，如下：

数据点旋转角度

属性说明

设置图形中数据点逆时针旋转的角度。

预览效果

设置不同数值的数据点旋转角度效果对比，如下：

数据标注设置

属性说明

设置是否显示数据的最大值和最小值。

预览效果

设置显示数据标注，如下：

数据标线设置

数据标线设置包括“标线类型，标线颜色”。

标线类型

属性说明

设置标线的类型，通常作为图形告警线的设置，有平均值、最大值和最小值三种类型。

预览效果

三种标线类型在图形显示的效果如下：

标记颜色

属性说明

设置标线的颜色。

预览效果

设置标线颜色为“红色”，如图：

标记设置

标记设置包括“标记的图形、标记的大小”。

标记的图形

属性说明

设置树图中标记的图形类型。

预览效果

设置不同类型标记的图形效果对比，如下：

标记的大小

属性说明

设置标记的大小。

预览效果

设置不同数值标记的大小效果对比，如下：

表盘

ECharts图形中对油量图的表盘的设置包括“表盘风格、自定义风格、刻度设置、刻度数、刻度线长、刻度颜色”。

表盘风格

属性说明

设置油量图的表盘风格。

预览效果

设置不同表盘风格效果对比，如下：

自定义风格

属性说明

设置油量图表盘的开始角度和结束角度。

角度为正值时，以0度为起点，逆时针方向旋转；

角度为负值时，以0度为起点，顺时针方向旋转。

预览效果

自定义设置不同风格的表盘效果对比，如下：

刻度设置

属性说明

可将数据设置中的字段作为自定义的刻度设置。

预览效果

设置销售额的平均值作为最小值，销售额的最大值作为最大值，效果如下：

刻度数

属性说明

设置油量图输出的刻度数。

预览效果

设置不同数值大小的刻度数效果对比，如下：

刻度线长

属性说明

设置油量图刻度的线长。

预览效果

图中表盘刻度的颜色为红色，不同数值大小的刻度线长效果对比，如下：

刻度颜色

属性说明

设置油量图刻度的颜色。

预览效果

设置不同颜色的刻度效果对比，如下：

指针

ECharts图形中对油量表指针的设置包括“颜色和宽度”。

颜色

属性说明

设置油量图指针的颜色。

预览效果

设置不同颜色的油量图指针效果对比，如下：

宽度

属性说明

设置油量图指针的宽度。

预览效果

设置不同数值大小的指针宽度效果对比，如下：

表盘小刻度

ECharts图形中对油量图表盘小刻度的设置包括“刻度线长、刻度数、颜色”。

刻度线长

属性说明

设置油量图表盘小刻度的线长。

预览效果

图中表盘小刻度颜色为红色，不同数值大小的表盘小刻度线长效果对比，如下：

刻度数

属性说明

设置油量图的表盘小刻度数，即油量图表盘两个刻度之间的小刻度数。

预览效果

图中表盘小刻度颜色为红色，不同数值大小的表盘小刻度数效果对比，如下：

颜色

属性说明

设置油量图表盘小刻度的颜色。

预览效果

设置不同颜色的表盘小刻度效果对比，如下：

指针数据

ECharts图形中对油量图指针数据的设置包括“显示数据和偏移位置”。

显示数据

属性说明

设置油量图是否显示指针数据。

预览效果

设置显示与不显示指针数据效果对比，如下：

偏移位置

属性说明

设置油量图指针数据的偏移位置。

偏移位置为水平0%，垂直0%时为油量图的中心。

预览效果

设置不同偏移位置的指针数据效果对比，如下：

标题

ECharts图形中对油量图标题的设置包括“显示数据、标题样式、偏移位置”。

显示数据

属性说明

设置是否显示油量图的标题。

预览效果

 

 

标题样式

 

属性说明

设置油量图标题的样式。

预览效果

设置标题的字体为“宋体”，字号为“14”，颜色为“蓝色”。

 

 

 

偏移位置

 

属性说明

设置油量图标题的偏移位置。

偏移位置为水平0%，垂直0%时为油量图的中心。

预览效果

设置油量图标题不同的偏移位置效果对比，如下：

特效设置

ECharts图形中对3D航线图的特效设置包括“是否开启特效、特效时间间隔、特效尾巴长度百分比、特效尾巴颜色”。

是否开启特效

属性说明

设置3D航线图中是否开启由起点指向终点的特效；不开启则不显示特效，且不能设置有关特效的配置项。

预览效果

设置开启与不开启特效效果对比，如下：

特效时间间隔

属性说明

设置3D航线图中每一次特效从起点飞向终点的时间间隔。

预览效果

设置不同数值大小的特效时间间隔效果对比，如下：

特效尾巴宽度

属性说明

设置3D航线图中由起点指向终点特效的尾巴宽度。

预览效果

设置不同数值大小的特效尾巴宽度效果对比，如下：

特效尾巴长度百分比

属性说明

设置3D航线图中由起点指向终点特效拖尾长度的百分比；值越大，特效尾巴长度越长，反之越短。

预览效果

设置不同数值大小的特效尾巴长度百分比效果对比，如下：

特效尾巴颜色

属性说明

设置3D航线图中由起点指向终点特效的尾巴颜色。

预览效果

设置不同的特效尾巴颜色效果对比，如下

线条样式设置

ECharts图形中对3D航线图中由起点指向终点的线条的样式设置包括“线条颜色和线条宽度”。

线条颜色

属性说明

设置3D航线图中由起点指向终点的线条的颜色。

预览效果

设置不同的线条颜色效果对比：

线条宽度

属性说明

设置3D航线图中由起点指向终点的线条的宽度。

预览效果

设置不同数值大小的线条宽度效果对比，如下：