echartrs 使用symbol自定义图标样式
代码
<template>
<div class="echarts1" ref="echarts">
</div>
</template...
1年前 (2023-11-28)
喜欢
vue2 element ui table表格渲染数据时,需要渲染两级表格,先渲染一级表格,然后展开下拉后,再渲染二级表格。
<el-table
ref="singleTable"
:data="list"
b...
1年前 (2023-11-28)
喜欢
vue2项目需要使用element ui table的功能,但是需要修改样式,这里将实现方式记录下来。
<div class="table-container-case">
<el-table
ref="...
1年前 (2023-11-28)
喜欢
vue2项目中跨组件传值会不方便,这里使用Vuex来获取更新特定的值。
首先安装依赖
pnpm i vuex
项目目录创建store文件夹并创建index.js
src/store/index.js
import Vue from 'vue'
import Vuex from ...
1年前 (2023-11-27)
喜欢
echarts在渲染时,需要给柱状图增加光晕效果,将实现代码记录下来
为了在 ECharts 中的柱状图上实现发光效果,你可以通过自定义 itemStyle 的阴影样式来实现。以下是实现柱状图发光效果的几个关键步骤:
设置阴影颜色(shadowColor): 这是发光效果的颜...
1年前 (2023-11-24)
喜欢
echarts 在使用tooltip显示自定义html时,会出现阴影,这时候我们需要去掉阴影效果。这里的阴影是用shadowColor来进行控制的。
关键代码
shadowColor: 'rgba(0, 0, 0, 0)', // 设置阴影颜色为透明
shadowBlur: 0...
1年前 (2023-11-23)
喜欢
其实就是对一个角做了圆角处理。
label换行处理
运行实例
<template>
<div class="echarts1" ref="echarts">
</div>
</templ...
1年前 (2023-11-23)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts襄阳市地区地图geoJson数据。
襄阳,原称襄樊,湖北省地级市,省域副中心城市、汉江流域中心城市 、长江中游城市群...
1年前 (2023-11-22)
喜欢
数据可视化大屏项目中,为了当大屏元素多样化,3d饼状图也是不可缺少的元素,今天整理的是根据数据显示不同高低的饼状图效果。 可能遇到窗口大小变化后会出现错位情况:highcharts不同高低的3d饼状图窗口变化后错位问题
首先引入highcharts
这里使用的是10.1.0版本...
1年前 (2023-11-22)
喜欢
在之前我们实现了highcharts实现不同高低的3d饼状图效果,但是在窗口大小变化后,3d饼状图会错位,全部跑到下方去了,就像倒过来一样,类似下图:
解决办法:
我们只需要监听窗口变化,当窗口变化后,重绘一下就可以了。
mounted() {
this.drawEch...
1年前 (2023-11-22)
喜欢