echarts tooltip层级太高了,导致遮罩层都盖不住,于是查询研究了一下看看如何调整层级。通过extraCssText来实现层级控制。
tooltip: {
show: true,
trigger: 'axis',
extraCssText: 'z-index...
yekong
2年前 (2022-09-14)
喜欢
echarts 环形图要求鼠标移上去不放大
通过hoverAnimation: false来控制
完整代码
drawLine() {
var that = this
window.addEventListener('resize', this.drawLine)
l...
yekong
2年前 (2022-09-08)
喜欢
echarts 广元地图要求点击地图上的自定义scatter,可以弹出自定义弹窗。记录实现过程方便后续可以复用。
演示地址
演示地址
组件代码
<template>
<div class="echartsBody">
&l...
yekong
2年前 (2022-09-06)
喜欢
vue数据大屏项目外包要求地图背景色整体渐变,经过一番查询,找到了自己想要的效果。
通过 areaColor 来对背景色进行调整。通过 x y x2 y2的参数进行微调调整渐变方向。
areaColor: {
type: 'linear-gradient',
x: 60...
yekong
2年前 (2022-09-03)
喜欢
3d Echarts 饼状图 tooltip数据多了很多奇怪的数据增加了x y z u v等自己并不需要的数据,并没有自己想要展示的数据,所以需要自己处理过滤一下。
处理前
处理后
处理代码
tooltip: {
show: true,
formatt...
yekong
3年前 (2022-07-29)
喜欢
修改后的插件地址
uniapp echarts
备用下载地址
uniapp 微信小程序 使用Echarts
2022年07月28日
问题描述:使用v-if切换echarts会导致echarts无法显示
解决办法:在插件初始化时,延时20毫秒重新绘制就可以了
mounted() ...
yekong
3年前 (2022-07-28)
喜欢
数据大屏供水综合信息管理平台开发时,需要实现3d饼状图效果。于是查找了一下相关的文章将实现代码记录一下,方便可能的复用。
效果演示
效果实例
安装依赖
"echarts": "^4.9.0",
"echarts-gl"...
yekong
3年前 (2022-07-27)
喜欢
echarts饼状图中间实现层叠阴影效果,饼状图之间边线分割
/**
* @Author: 858834013@qq.com
* @Name: tiaozhafenxi
* @Date: 2022-07-19
* @Desc: 跳闸
*/
<template>
...
yekong
3年前 (2022-07-20)
喜欢
echarts要实现饼状图,中间有个环形渐变区域可以通过ec画出来,但是这个图片,调了几次都不好放在中间,于是只能采用css的方式定位在中间了。为了避免增加遮罩后,遮挡住echarts的效果,于是给遮罩增加了一个穿透点击
代码
<template>
<di...
yekong
3年前 (2022-07-20)
喜欢
echarts 饼状图 绘制边线 绘制渐变背景色 legend显示百分比
实现代码
<template>
<div class="echarts1" ref="echarts1">
</div>...
yekong
3年前 (2022-07-17)
喜欢