vue3数据大屏 项目开发中，需要设置一个全局年份供各个组件调用，但是在设置后发现无法更新年份排查发现原因是：state 中的字段名和 getters 方法名相同造成的。
修改前
getters: {
years() {
var year ...
yekong
2年前 (2023-05-03)
喜欢
数据可视化大屏 项目开发时，一些客户比较抓细节，今天的细节是标题，客户要求页面跳转后，标题也跟着变化，vue项目属于单页项目，我们需要根据路由跳转进行标题动态修改，因为是pc端，不用考虑手机上面标题修改的兼容性。我们只需要修改document.title的值就可以了。
添加路由导...
yekong
2年前 (2023-05-02)
喜欢
数据可视化大屏辅助工具
在我们写数据可视化大屏页面的时候，我们需要一些辅助工具，来让帮助我们快速完成我们的项目。
蓝湖是一款不错的辅助工具，能够让我们快速从设计图中获取我们想要的参数。
photoshop Cutterman切片工具，可以快速将我们需要的图片导出到我们的文件夹中。...
yekong
2年前 (2023-04-29)
喜欢
vue 数据可视化大屏 实现进度条效果，效果通过颜色实现渐变色进度条。
演示地址
使用组件
<template>
<div class="cardBody">
<div class="cardBodyLi...
yekong
2年前 (2023-04-28)
喜欢
vue 数据可视化大屏 实现进度条效果，效果通过颜色实现渐变色进度条。
演示地址
使用组件
<template>
<div class="list">
<div class="listBody scrol...
yekong
2年前 (2023-04-28)
喜欢
当前效果为vue 进度条效果实例格子进度条进一步调整，数据改为国家占比，并通过不同国家的国旗来做对应国家的图标，来实现进度条效果实例。
演示地址
使用组件
<template>
<div class="list">
&l...
yekong
2年前 (2023-04-27)
喜欢
echarts柱状图除了常见的柱状图外，还有一种是图片类型的柱状图，或者说图标柱状图，
使用两张图标，一张图标表示底图，一张图标表示占比状态，通过pictorialBar来将两种图片图片重叠显示，达到类似下面的效果。
演示效果
实例代码
<template>
...
yekong
2年前 (2023-04-20)
喜欢
vue3 数据可视化大屏 开发中，需要展示一些表格效果，今天整理 vue3 表格进度条效果组件。
通过使用flex控制宽度，通过Vue3SeamlessScroll实现列表滚动，使用自定义样式来实现排名表格效果。
在表格中添加占比进度条组件
演示地址
使用组件
<tem...
yekong
2年前 (2023-04-20)
喜欢
vue3 数据可视化大屏 开发中，需要渲染高德地图，地图中覆盖物图标不能满足我们的需要，需要使用自定义html来实现我们想要的效果。
创建一个marker,并通过setContent来将我们的html代码插入到marker中，实现marker自定义html。
关键代码
addM...
yekong
2年前 (2023-04-20)
喜欢
vue 数据可视化大屏 智慧用电
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
开发环境
vue2 + webpack + js nodejs 14
分辨率
1920*1080
演示地址
vue 数据大屏 智慧用电
项目截图
项目笔记
js ...
yekong
2年前 (2023-04-19)
喜欢
