在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.保存查看
效果如下: