...

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

设置步骤

1.创建数据集

创建数据集，查询出数据。预览如下：

2.创建线图

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

3.设置X轴分隔线

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

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

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

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

5.设置扩展属性

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

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

6.保存查看

效果如下：