在开发electron时,为了避免出现不必要的问题,我们需要使用知道node.js与electron的依赖关系。
node.js: v16.20.0
electron: v21.4.4
better-sqlite3: v8.4.0 (可选)
node.js: v14.21....
yekong
2年前 (2023-08-15)
喜欢
数据可视化大屏 项目开发中,需要渲染echarts地图,在地图中绘制标识点,为了提升交互,需要事先准备13条数据,然后每次请求mockjs接口都需要随机从接口中取6-13条数据。
[
{
name: '新百汇社区',
value: [111...
yekong
2年前 (2023-08-15)
喜欢
echarts 宽度只有4的柱状图,带背景图,柱状图为不同颜色的渐变色柱状图。
效果截图
组件代码
<template>
<div class="echarts1" ref="echarts">
<...
yekong
2年前 (2023-08-14)
喜欢
你可以使用 JavaScript 来将一个数组每三个元素分为一组。下面是一个示例代码,可以实现这个功能:
function chunkArray(array, chunkSize) {
const result = [];
for (let i = 0; i < a...
yekong
2年前 (2023-08-14)
喜欢
Vue 3 提供了一些机制来实现跨组件通信和传值,让你可以在不同组件之间共享状态和触发通知。以下是一些常见的跨组件通信和传值方法:
1. Props 和 Emit
使用 props 和 emit 是父子组件之间通信的标准方式。你可以将父组件的数据通过 props 传给子组件,然后...
yekong
2年前 (2023-08-14)
喜欢
数据可视化大屏项目 开发中,客户反馈echarts图表里的tooltip会出现抖动问题
不使用tooltip
没有tooltip就没有抖动的问题了。
tooltip: {show: false},
将transitionDuration设置为0,让tooltip紧跟鼠标
too...
yekong
2年前 (2023-08-13)
喜欢
数据可视化大屏 项目开发中,有一个折线图效果,折线图要求label数值大于40显示为蓝色小于40的显示为绿色。这里使用了渐变色的方式来控制线条的颜色。
echarts版本
"echarts": "^5.2.0",
实现代码
drawEc...
yekong
2年前 (2023-08-13)
喜欢
数据可视化大屏 项目开发中,设计图中有一个效果比较特殊,用echarts代码实现的话,可能没办法实现这种效果,于是想到用图片的方式来实现。
设计图效果截图
echarts渲染后的效果
柱状图分为三部分,顶部中间以及底部三部分。
实例代码
drawLine() {
var...
yekong
2年前 (2023-08-12)
喜欢
数据可视化大屏项目开发过程中,需要显示一些自定义的柱状图样式,这里用图片来实现的,legend也要用自定义图片来做图标,这里将实现的代码记录一下.
在 ECharts 中,你可以通过 legend 的 data 属性设置每个图例项的自定义图标。你可以为每个图例项提供一个对象,其...
yekong
2年前 (2023-08-12)
喜欢
vue3 可视化数据大屏 项目开发中,会遇到各种各样的头部,今天整理的是 vue3数据可视化大屏顶部组件 - 风险监测预警平台。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画,使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时间
动画持续时间3...
yekong
2年前 (2023-08-11)
喜欢