Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置图形中数据点的大小。
预览效果
设置不同数值的数据点大小效果对比,如下:
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置图形中数据点逆时针旋转的角度。
预览效果
设置不同数值的数据点旋转角度效果对比,如下:
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置是否显示数据的最大值和最小值。
预览效果
设置显示数据标注,如下:
Title_font | ||
---|---|---|
|
数据标线设置包括“标线类型,标线颜色”。
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置标线的类型,通常作为图形告警线的设置,有平均值、最大值和最小值三种类型。
预览效果
三种标线类型在图形显示的效果如下:
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置标线的颜色。
预览效果
设置标线颜色为“红色”,如图:
Title_font | ||
---|---|---|
|
标记设置包括“标记的图形、标记的大小”。
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置树图中标记的图形类型。
预览效果
设置不同类型标记的图形效果对比,如下:
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置标记的大小。
预览效果
设置不同数值标记的大小效果对比,如下:
Title_font | ||
---|---|---|
|
ECharts图形中对油量图的表盘的设置包括“表盘风格、自定义风格、刻度设置、刻度数、刻度线长、刻度颜色”。
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置油量图的表盘风格。
预览效果
设置不同表盘风格效果对比,如下:
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置油量图表盘的开始角度和结束角度。
角度为正值时,以0度为起点,逆时针方向旋转;
角度为负值时,以0度为起点,顺时针方向旋转。
预览效果
自定义设置不同风格的表盘效果对比,如下:
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
可将数据设置中的字段作为自定义的刻度设置。
预览效果
设置销售额的平均值作为最小值,销售额的最大值作为最大值,效果如下:
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置油量图输出的刻度数。
预览效果
设置不同数值大小的刻度数效果对比,如下:
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置油量图刻度的线长。
预览效果
图中表盘刻度的颜色为红色,不同数值大小的刻度线长效果对比,如下:
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置油量图刻度的颜色。
预览效果
设置不同颜色的刻度效果对比,如下:
Title_font | ||
---|---|---|
|
ECharts图形中对油量表指针的设置包括“颜色和宽度”。
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置油量图指针的颜色。
预览效果
设置不同颜色的油量图指针效果对比,如下:
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置油量图指针的宽度。
预览效果
设置不同数值大小的指针宽度效果对比,如下:
Title_font | ||
---|---|---|
|
ECharts图形中对油量图表盘小刻度的设置包括“刻度线长、刻度数、颜色”。
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置油量图表盘小刻度的线长。
预览效果
设置不同数值大小的表盘小刻度线长效果对比,如下:
图中表盘小刻度颜色为红色,不同数值大小的表盘小刻度线长效果对比,如下:
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置油量图的表盘小刻度数,即油量图表盘两个刻度之间的小刻度数。
预览效果
设置不同数值大小的表盘小刻度数效果对比,如下:
图中表盘小刻度颜色为红色,不同数值大小的表盘小刻度数效果对比,如下:
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置油量图表盘小刻度的颜色。
预览效果
设置不同颜色的表盘小刻度效果对比,如下:
Title_font | ||
---|---|---|
|
ECharts图形中对油量图指针数据的设置包括“显示数据和偏移位置”。
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置油量图是否显示指针数据。
预览效果
设置显示与不显示指针数据效果对比,如下:
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置油量图指针数据的偏移位置。
偏移位置为水平0%,垂直0%时为油量图的中心。
预览效果
设置不同偏移位置的指针数据效果对比,如下:
Title_font | ||
---|---|---|
|
ECharts图形中对油量图标题的设置包括“显示数据、标题样式、偏移位置”。
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置是否显示油量图的标题。
预览效果
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置油量图标题的样式。
预览效果
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置油量图标题的偏移位置。
偏移位置为水平0%,垂直0%时为油量图的中心。
预览效果
Title_font | ||
---|---|---|
|
ECharts图形中对3D航线图的特效设置包括“是否开启特效、特效时间间隔、特效尾巴长度百分比、特效尾巴颜色”。
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置3D航线图中是否开启由起点指向终点的特效;不开启则不显示特效,且不能设置有关特效的配置项。
预览效果
设置开启与不开启特效效果对比,如下:
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置3D航线图中每一次特效从起点飞向终点的时间间隔。
预览效果
设置不同数值大小的特效时间间隔效果对比,如下:
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置3D航线图中由起点指向终点特效的尾巴宽度。
预览效果
设置不同数值大小的特效尾巴宽度效果对比,如下:
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置3D航线图中由起点指向终点特效拖尾长度的百分比;值越大,特效尾巴长度越长,反之越短。
预览效果
设置不同数值大小的特效尾巴长度百分比效果对比,如下:
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置3D航线图中由起点指向终点特效的尾巴颜色。
预览效果
设置不同的特效尾巴颜色效果对比,如下
Title_font | ||
---|---|---|
|
ECharts图形中对3D航线图中由起点指向终点的线条的样式设置包括“线条颜色和线条宽度”。
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置3D航线图中由起点指向终点的线条的颜色。
预览效果
设置不同的线条颜色效果对比:
Title_font | ||
---|---|---|
|
Wiki 标记 |
---|
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} |
属性说明
设置3D航线图中由起点指向终点的线条的宽度。
预览效果
设置不同数值大小的线条宽度效果对比,如下:
borderColor | #BBBBBB |
---|---|
bgColor | #F0F0F0 |
borderWidth | 1 |
borderStyle | solid |