分类:echarts

echarts

echarts gauge控制宽度

echarts gauge控制宽度
vue数据大屏开发,当echarts图表变小的时候 因为宽度太大,导致图表看起来变形,需要调小一些,搜索了一番才找到解决办法。 关键代码 通过axisLine lineStyle width控制 axisLine: { show: true, lineStyle: { ...

yekong 2个月前 (12-16) 130℃ 4喜欢

echarts 水球效果

echarts 水球效果
vue数据大屏开发,需要用到水球的效果,将实现效果的代码记录一下,留待复用。 安装依赖 版本需要对应,不然会报错 "echarts": "^4.9.0", "echarts-liquidfill": "^2....

yekong 2个月前 (12-16) 135℃ 0喜欢

echarts 进度条效果

echarts 进度条效果
vue echarts 实现进度条效果 使用 <echarts title="当月" :num="50"></echarts> 组件代码 <template> <div class=&qu...

yekong 2个月前 (12-16) 186℃ 1喜欢

echarts 异形柱状图效果

echarts 异形柱状图效果
echarts 异形柱状图效果 实现代码 drawLine() { var that = this // 基于准备好的dom,初始化echarts实例 window.addEventListener('resize', this.drawLine) const ...

yekong 2个月前 (11-30) 145℃ 0喜欢

Echarts 柱状图警报闪烁效果

Echarts 柱状图警报闪烁效果
Echarts 柱状图警报闪烁效果,已将代码以及github库贴出,闪光的部分单独引用了一个库。 运行实例 代码 <template> <div class="echarts1" ref="echarts">...

yekong 3个月前 (11-08) 1251℃ 3喜欢

echarts legend图标放在文字的右侧

echarts legend图标放在文字的右侧
项目要求 echarts legend要求图标放在文字的右侧。 实现代码 可以通过align来控制图标在左侧还是在右侧 legend: { show: true, left: '30', align: 'right', top: '0', icon: 're...

yekong 4个月前 (10-06) 216℃ 0喜欢