Echarts图形的基本有：通用、普通状态设置、高亮状态设置……

普通状态设置

Echarts图形中基本设置的普通状态设置包括“区域边界、区域背景色”。

区域边界

属性说明

设置区域之间的边界颜色。

• 指定地图为“中国”时，则是设置省份与省份之间的边界颜色；
• 指定地图为“省份”时，则是设置市与市之间的边界颜色。

预览效果

以“中国”地图为例，两种不同区域边界颜色效果如图：

区域背景色

属性说明

设置区域的背景颜色。

预览效果

以“中国”地图为例，两种不同区域背景色效果如图：

高亮状态设置

Echarts图形中基本设置的高亮状态设置包括“高亮区域边界、高亮区域背景色”。

高亮：当鼠标光标选中或移至某区域时，该区域呈现高亮状态。

高亮区域边界

属性说明

设置当鼠标选中某区域时，该区域的边界颜色。

预览效果

以“中国”地图为例，选中“新疆”，“新疆”的边界颜色为蓝色。

高亮区域背景色

属性说明

设置当鼠标选中某区域时，该区域的背景颜色。

预览效果

以“中国”地图为例，选中“新疆”，“新疆”的背景颜色为蓝色。

其他设置

Echarts图形对区域标签的设置。

区域标签

属性说明

设置地图的各个区域是否显示其标签。

以“中国”地图为例，设置显示“区域标签”，则每个省份显示其名字。

预览效果

设置显示与不显示“区域标签”效果对比，如图：

坐标轴线

Echarts图形中对3D柱图/3D散点图的坐标轴线的设置。

线条样式

属性说明

设置3D柱图/3D散点图的坐标轴线样式。

• 透明度：设置坐标轴线的透明程度。
• 宽度：设置坐标轴线的宽度，可设置为无线。
• 线条颜色：设置坐标轴线的颜色。（说明：在未设置坐标轴名称样式和刻度标签样式时，设置坐标轴线的线条颜色，坐标轴名称颜色和刻度标签颜色默认与坐标轴线的颜色保持一致。）
                   

预览效果

设置透明度都为1，宽度都为2像素，不同的线条颜色效果对比，如下：

设置宽度都为2像素，颜色都为黑色，不同透明度的效果对比，如下：

设置透明度都为1，颜色都为黑色，不同的宽度效果对比，如下：

刻度标签

Echarts图形中对3D柱图/3D散点图的刻度标签的设置。

是否显示

属性说明

设置3D柱图/3D散点图是否显示刻度标签。

预览效果

设置显示与不显示刻度标签效果对比，如下：

刻度标签样式

属性说明

设置3D柱图/3D散点图中刻度标签的样式。

预览效果

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

坐标轴刻度

Echarts图形中对3D柱图/3D散点图中坐标轴刻度的设置。

是否显示

属性说明

设置3D柱图/3D散点图是否显示坐标轴刻度。

预览效果

设置显示与不显示坐标轴刻度效果对比，如下：

线条样式

属性说明

设置3D柱图/3D散点图中坐标轴刻度的样式。

• 透明度：设置坐标轴刻度的透明程度。
• 宽度：设置坐标轴刻度的宽度，可设置为无线。
• 线条颜色：设置坐标轴刻度的颜色。

预览效果

设置透明度都为1，宽度都为2像素，不同颜色的坐标轴刻度效果对比，如下：

设置颜色都为黑色，宽度都为2像素，不同透明度的坐标轴刻度效果对比，如下：

设置透明度都为1，颜色都为黑色，不同的宽度效果对比，如下：

分隔线

Echarts图形中对3D柱图/3D散点图中分隔线的设置。

 

 

是否显示

 

属性说明

设置3D柱图/3D散点图是否显示分隔线。

预览效果

设置显示与不显示分隔线效果对比，如下：

 

 

分隔线样式

 

属性说明

设置3D柱图/3D散点图中分隔线的样式。

• 透明度：设置分隔线的透明程度。
• 宽度：设置分隔线的宽度，可设置为无线。
• 线条颜色：设置分隔线的颜色。

预览效果

设置透明度都为1，宽度都为2像素，不同颜色的分隔线效果对比，如下：

设置颜色都为浅灰色，宽度都为2像素，不同透明度的分隔线效果对比，如下：

设置颜色都为浅灰色，透明度都为1，不同宽度的分隔线效果对比，如下：

 

 

分隔区域

Echarts图形中对3D柱图/3D散点图中分隔区域的设置。

 

 

 

是否显示

 

属性说明

设置3D柱图/3D散点图是否显示分隔区域。

预览效果

设置显示与不显示分隔区域的效果对比，如下：

 

 

视角控制

Echarts图形中对3D柱图/3D散点图的视角控制的设置包括“投影方式、是否自动旋转、旋转方向、旋转速度和恢复时间”。

 

 

 

投影方式

 

属性说明

设置3D柱图/3D散点图的投影方式，分为正交投影和透视投影。

• 正交投影：正交投影就是平行投影，所有的投影方向都是平行的，不会交于一点，正交投影不会有近大远小的效果。
• 透视投影：透视投影使用另一种方法把物体投影到投影面上，能产生距离感。比如远的物体我们看起来就小，近的物体我们看起来就大。

预览效果

正交投影：

透视投影：

 

 

是否自动旋转

 

属性说明

设置3D柱图/3D散点图是否会自动旋转。

预览效果

设置自动旋转与不自动旋转，效果如下：

、

 

 

旋转方向

 

 

属性说明

设置3D柱图/3D散点图旋转的方向。

预览效果

设置不同的旋转方向效果对比，如下：

 

 

旋转速度

 

属性说明

设置3D柱图/3D散点图旋转的速度。

预览效果

设置顺时针旋转，不同旋转速度的效果对比，如下：

 

 

恢复时间

 

属性说明

设置鼠标点击3D柱图/3D散点图时，图形停止旋转，经过所设定的恢复时间，图形恢复旋转。

预览效果

设置顺时针旋转且旋转角度为“10”，不同数值的恢复时间效果对比，如下：

 

 

 

 

视角设置

Echarts图形中对显示方式为3维地理坐标的3D航线图的视角设置包括“绕X轴旋转角度和绕Y轴旋转角度”。

 

 

绕X轴旋转角度

 

属性说明

设置显示方式为3维地理坐标的3D航线图的绕X轴旋转角度。

预览效果

设置图形绕X轴旋转的不同角度效果对比，如下：

 

 

绕Y轴旋转角度

 

属性说明

设置显示方式为3维地理坐标的3D航线图的绕Y轴旋转角度。

预览效果

设置图形绕Y轴旋转的不同角度效果对比，如下：

3D散点设置

3D航线图开启3D散点，可对这几个配置项进行设置包括“标记的大小、标记的图形、是否显示标签”。

 

 

标记的大小

 

属性说明

设置开启3D散点后，3D航线图中标记的大小。

预览效果

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

 

 

标记的图形

 

属性说明

设置开启3D散点后，3D航线图中标记的图形。

预览效果

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

 

 

是否显示标签

 

属性说明

设置开启3D散点后，3D航线图是否显示标签。

预览效果

设置显示与不显示标签效果对比，如下：