示例说明

在Demo的电网信息监控报表中,有如下的特殊线图。

这种图形的特点是:每一个轴数据会有一条线显示,并且轴上的指标数据已圆点的形式展现,同时数据显示在圆点内。

此文档说明如何实现此图形。本文示例如下:

 

设置步骤

1.创建数据集

创建数据集,查询出数据。预览如下:

 

2.创建线图

基于上述的数据集,创建仪表分析,选择“线图”

 

3.设置X轴分隔线

进入线图的图形设置界面,切换到“坐标轴页签下,设置显示分隔线,线宽为2像素、线条颜色为灰色

 

4.设置点大小和数据标签

在线图的图形设置界面,切换到“序列”页签下,设置显示数据标签,并且位置为“内部”

设置点为实心圆点,大小为22

 

5.设置扩展属性

在线图的图形设置界面,切换到“扩展属性”页签下,输入以下扩展属性

{
"series": [{ //隐藏第一个系列点之间的连线
"itemStyle": {
"normal": {
"lineStyle": {
"width": 0
}
}
}
}, { //隐藏第二个系列点之间的连线
"itemStyle": {
"normal": {
"lineStyle": {
"width": 0
}
}
}
}],
"yAxis": [{ //设置Y轴不显示
"show": false
}]
}

 

6.保存查看

效果如下: