分类:学习笔记

note

echarts 给x轴label增加百分号

echarts 给x轴label增加百分号
要在ECharts的x轴上添加百分号,可以使用axisLabel的formatter属性。formatter属性允许你自定义轴标签的显示方式。你可以将其设置为一个函数,该函数接收一个参数(标签值),并返回你想要显示的字符串。在这个例子中,你可以返回值后面加上百分号。以下是如何修...

1年前 (2023-12-26) 喜欢

vuex 缓存指定数据到本地24小时

vuex 缓存指定数据到本地24小时
数据大屏开发中,需要将vuex数据进行缓存,但是又不是永久缓存,而是只缓存24小时,这里将实现代码记录下来。 vuex 缓存token 24小时 const state = { token: localStorage.getItem('token') || null, t...

1年前 (2023-12-25) 喜欢

echarts 柱状图横纵柱状图dataZoom鼠标滚轮切换数据

echarts 柱状图横纵柱状图dataZoom鼠标滚轮切换数据
echarts柱状图数量过多,我们需要通过鼠标滚轮来切换数据,滚轮切换有横向和纵向之分。 水平方向实例代码 水平方向鼠标滚轮切换数据,我们通过xAxisIndex来指定dataZoom为x轴。 dataZoom: [ { type: 'slider', xAxisInd...

1年前 (2023-12-25) 喜欢

echarts饼状图顺时针颜色渐变

echarts饼状图顺时针颜色渐变
echarts饼状图渲染时,需要一个颜色渐变的效果,让饼状图的颜色都沿着顺时针依次渐变,但是在实际开发中,却并没有达到预期的效果。如下图,实际开发中,有的扇形区是顺时针,有的是逆时针,这并不是自己想要的效果。 实际需要 实际上自己想要的是下图顺时针颜色渐变效果。 实现代码 &...

1年前 (2023-12-24) 喜欢

echarts 横向间隔渐变色柱状图

echarts 横向间隔渐变色柱状图
echarts柱状图效果,横向渐变色柱状图,并且柱状图会被均匀分割成不同的小方格。 实例代码 <template> <div class="echarts1" ref="echarts"> </di...

1年前 (2023-12-24) 喜欢

After Effects输出模块如何设置默认 避免重复操作

After Effects输出模块如何设置默认 避免重复操作
在After Effects中设置默认的输出模块以避免重复操作,可以通过创建输出模块模板来实现。以下是设置默认输出模块的步骤: 打开After Effects,进入渲染队列面板。 选择一个已有的渲染项,点击输出模块旁边的链接(例如“无损”)以打开输出模块设置对话框。 在输出...

1年前 (2023-12-23) 喜欢

echarts荆州市地图geoJson数据实例下载

echarts荆州市地图geoJson数据实例下载
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts荆州市地区地图geoJson数据。 荆州市,古称江陵、郢都,是湖北省地级市,国务院批复确定的鄂中南地区的中心城市、长...

1年前 (2023-12-23) 喜欢

vue3 element-plus 组件修改实例汇总

vue3 element-plus 组件修改实例汇总
vue3 项目中,我们会用到element-plus来实现我们想要的效果,比如搜索,比如表格,比如分页等。但是element-plus默认样式并不能满足我们的需要,所以我们需要对组件的样式进行二次修改以满足我们的需要,这里将二次修改的实例汇总到一块,以方便我们快速应用。 vue3...

1年前 (2023-12-23) 喜欢

vue3 element-plus el-table 表格自定义背景图

vue3 element-plus el-table 表格自定义背景图
数据可视化大屏 项目开发中,需要实现表格效果,这里我们使用的是vue3 element-plus el-table,我们通过css来进行二次调整实现我们想要的自定义样式效果。 组件代码 <div class="tableListInner"> ...

1年前 (2023-12-23) 喜欢

vue3 element-plus el-input el-date-picker 自定义样式

vue3 element-plus el-input el-date-picker 自定义样式
数据可视化大屏项目开发中,表格顶部会有一些查询条件,比如名称日期等。 会需要用到日期选择以及输入框这里我们使用的是element-plus el-input el-date-picker,不过插件默认的样式并不是我们想要的,我们需要对样式做二次调整,以实现我们想要的效果。 实例...

1年前 (2023-12-23) 喜欢