Echarts中仪表盘的一个小问题:怎么让刻度显示在外圈

newbieB 2019-04-24 04:40:02

仪表盘根据splitnumber可以自定义分割数量,并默认显示在内圈,

我的问题是,怎么让显示的刻度(0 25 50 75 100)出现在外圈呢??

...全文

4384 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

囧 2019-04-24

打赏
举报

回复 2



            type: 'gauge',
            axisLabel:{
                distance:-60
            },

图表效果及代码实现讲解链接：https://blog.csdn.net/zhangjiujiu/article/details/144815457

echarts汽车仪表盘动画效果是一款基于canvas制作电动汽车仪表盘跳动，仪表盘数据显示，仪表盘车辆信息动效。

echarts官方示例和默认样式都比较难看，经过一顿捣鼓实现比较漂亮的渐变仪表盘。第一步：设置轴线将图表轴线、label、分割线、隐藏，只保留刻度，然后修改刻度样式达到最终效果。不过要注意的是axisLine不能简单的设置show:false，还要设置opacity才能彻底隐藏底色。看看效果和代码如下：series: [ { type: 'gauge',...

echarts仪表盘显示当前数据在仪表盘的范围；echarts仪表盘自定义不同范围的颜色；echarts仪表盘数据范围代表的显示在外侧

echarts 仪表盘带进度条最终结果思路：3个仪表盘叠加代码： echarts.min.js 下载放到同级文件<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" c

87,993

社区成员

224,694

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章