Advertisement

ECharts仪表盘环行设计应用方法分享

阅读量:

ECharts 仪表盘(gauge) 改环形数据跑道 使用方法分享

官方原效果

这是ECharts所构建的仪表盘界面,能够实现多种数据信息的综合展示效果

成品

正式开始进行内容处理!
首先略过基础部分,相信各位读者均能顺利完成前序步骤,若在操作过程中遇到困难,欢迎在评论区提出疑问!

接下来聚焦核心环节

初步修改效果

从图中可以发现,各类数据所对应的环形进度条(轴线)之间缺乏间隔,整体布局显得较为密集,视觉上的空间感明显不足。因此,我们首先可以尝试将进度条(轴线)的宽度适当调小一些。

复制代码
      axisLine: {
                lineStyle: {

全部评论 (0)

还没有任何评论哟~