vue-echarts
不想996了的小姑娘
这个作者很懒,什么都没留下…
展开
-
echarts gl 3D图
目前安装echarts-gl版本2.0.0的话需要对应echarts版本5.0.0,echarts版本5.0.0里不带map文件夹。如果echarts版本较低 最好使用echarts-gl的1.0.0版本。因为echarts-gl版本2.0.0里会有一些引用是echarts版本较低的没有的。以上,在解决install报错时,如果不方便升级现有包的版本,就需要尝试降低即将安装的包的版本可以先清一下缓存npm cache clean --force然后npm install node包名字@版本 -原创 2021-01-18 18:04:26 · 1240 阅读 · 0 评论 -
真正解决echarts的X轴标签过多挤在一起
除了让标签rotate之外,还可以通过dataZoom的startvalue和endvalue实现,前提是我设置了滚动展示,不然数据展示不全 { id: "dataZoomX", xAxisIndex: [0], type: "slider", //slider表示有滑动块的,inside表示内置的 show: false, startValue: 0, // 从头开始原创 2021-01-15 18:34:43 · 5000 阅读 · 0 评论 -
vue+echarts定时重新绘制以达到刷新的动效
主要注意在setOption() 之前要调用clear() 方法以下为代码 // 重绘饼图 resetPieChartData() { clearInterval(this.timeRePie); this.timeRePie = setInterval(() => { // debugger; if (!this.pieChart) { return; } // 不先清空chart原创 2021-01-15 10:29:16 · 1458 阅读 · 0 评论 -
vue+echarts 实现进度条式柱状图 根据不同的数值展示不同的颜色并实现滚动
实现效果:注意:实际数据要通过一些操作才能展示到最右边详见代码<template> <div style="width: 100%; height: 86%"> <div class="legend-top"> <div><span class="danger"></span>危险4家</div> <div><span class="pass"></sp原创 2021-01-12 16:50:47 · 1806 阅读 · 0 评论 -
vue+echarts 圆角环形图
不知道为啥我这里圆角不好使,贴一下代码吧<template> <div class="online-rate"> <el-header> <div class="header-title"> <div id="rectangle"></div> 隐患 </div> </el-header> <div class="cha.原创 2021-01-18 10:16:54 · 1967 阅读 · 0 评论