当前位置： 首页 > news >正文

微信小程序中使用ECharts 并且动态设置数据

news 来源：原创 2025/9/16 5:55:24

项目下载地址 GitHub 地址  https://github.com/ecomfe/echarts-for-weixin

将当前文件夹里的内容拷贝到项目中

目录：

json:

{"usingComponents": {"ec-canvas": "../components/ec-canvas/ec-canvas"}
}

wxml：

<ec-canvas id="eChart" canvas-id="eChart" ec="{{ ec }}"></ec-canvas>

js:

import * as echarts from '../components/ec-canvas/echarts.js';
Page({data: {ec: {lazyLoad: true,}},onReady: function () {const num = 77this.initchart(num)},initchart(data) {let ec_canvas = this.selectComponent('#eChart');ec_canvas.init((canvas, width, height, dpr) => {const chart = echarts.init(canvas, null, {width: width,height: height,devicePixelRatio: dpr // new});canvas.setChart(chart);const option = {title: {text: ''},tooltip: {formatter: '{a} <br/>{b} : {c}%'},series: [{name: '评估',  // 设置环形进度条的名称type: 'gauge',radius: '80%',  // 设置环形的半径startAngle: -135,  // 设置起始角度为左下角endAngle: -45,  // 设置结束角度为右下角progress: {show: true,  // 显示进度条width: 10,  // 设置环形的宽度itemStyle: {// 使用 LinearGradient 设置渐变色color: new echarts.graphic.LinearGradient(0, 0, 1, 1, [{ offset: 0, color: '#61E5AB' },  // 渐变起始颜色{ offset: 1, color: '#228D7D' }   // 渐变结束颜色])}},detail: {valueAnimation: true,  // 动画效果formatter: '{value}',  // 只显示值fontSize: 30,  // 设置字体大小color: '#333',  // 设置字体颜色offsetCenter: [0, '40%'],  // 设置文本位置},data: [{value: data}],axisLine: {},axisTick: {show: false},axisLabel: {show: false,distance: 50},splitLine: {show: false  // 去掉分割线},}]};chart.setOption(option);return chart;})},
}

结果：

相关文章：

微信小程序中使用ECharts 并且动态设置数据

项目下载地址 GitHub 地址 https://github.com/ecomfe/echarts-for-weixin 将当前文件夹里的内容拷贝到项目中 目录&#xff1a; json: {"usingComponents": {"ec-canvas": "../components/ec-canvas/ec-canvas"} }wxml&#xff1a; <ec…...

编程日记 2025/9/16 5:55:24

【愚公系列】《高效使用DeepSeek》064-跨文化谈判

🌟【技术大咖愚公搬代码：全栈专家的成长之路，你关注的宝藏博主在这里！】🌟 📣开发者圈持续输出高质量干货的"愚公精神"践行者——全网百万开发者都在追更的顶级技术博主！ 👉 江湖人称"愚公搬代码"，用七年如一日的精神深耕技术领域，以"…...

编程日记 2025/9/16 4:34:52

云原生环境Jvm内存占用持续高位问题排查

生产内存占用过高问题排查 1、问题描述 一个tomcat应用&#xff0c;部署在云原生集群上&#xff0c;云原生监控显示内存占用率持续偏高&#xff0c;最大占用率、平均占用率都在90%多&#xff0c;但是倒没有OOM什么的。 2、问题复现 凭借对此应用的了解&#xff0c;很快就在测…...

编程日记 2025/9/16 5:54:38

linux下io操作详细解析

在 Linux 系统下&#xff0c;IO&#xff08;输入/输出&#xff09;操作是程序与外部设备&#xff08;如文件、网络等&#xff09;交互的重要方式。Linux 提供了丰富的系统调用和库函数来支持各种 IO 操作。以下是对 Linux 下 IO 操作的详细解析&#xff0c;包括文件 IO、网络 I…...

编程日记 2025/9/13 8:42:09

【在校课堂笔记】Python 第 9 节课 总结

- 第 91 篇 - Date: 2025 - 04 - 10 Author: 郑龙浩/仟墨 【Python 在校课堂笔记】 文章目录 南山-第 9 节课字符串的各种操作一 string二 string 的索引1 索引介绍2 示例 - 索引使用 三 切片1 **结构**2 示例 四 回文数 – 切片的应用五 对手机号进行脱敏处理六 注意七 读取字…...

编程日记 2025/9/11 20:00:29

AcWing 6099. 座位

原题目链接 问题描述 有 n 头奶牛&#xff08;n ≥ 5&#xff09;&#xff0c;编号为 1 ∼ n&#xff0c;按照某种顺序围着一张圆桌坐成一圈。 奶牛之间存在如下的朋友关系&#xff1a; 如果两头奶牛相邻&#xff0c;则它们是朋友&#xff1b;如果两头奶牛之间只隔着一头奶…...

编程日记 2025/9/13 17:48:35

MySQL SQL Mode

SQL Mode 是 MySQL 中一个重要的系统变量&#xff0c;它决定了 MySQL 应遵循的 SQL 语法规则和数据验证规则。 什么是 SQL Mode SQL Mode 定义了 MySQL 应该支持的 SQL 语法以及执行数据验证的方式。通过设置不同的 SQL Mode&#xff0c;可以让 MySQL 在不同程度上兼容其他数据…...

编程日记 2025/9/4 20:47:25

linux不同用户共享同一anaconda

这里写目录标题 1、anaconda安装2、所有账号可以访问conda 按一下步骤顺序执行&#xff0c;可使linux上不同权限隔离的用户可以同时访问anaconda。 1、anaconda安装 step1&#xff1a;anaconda是通过root账号安装在某个自定义目录下&#xff08;如&#xff1a;/data/software/…...

编程日记 2025/9/8 1:29:48

Langflow 远程命令执行漏洞复现（CVE-2025-3248）（附脚本）

免责申明： 本文所描述的漏洞及其复现步骤仅供网络安全研究与教育目的使用。任何人不得将本文提供的信息用于非法目的或未经授权的系统测试。作者不对任何由于使用本文信息而导致的直接或间接损害承担责任。如涉及侵权，请及时与我们联系，我们将尽快处理并删除相关内容。 前言…...

编程日记 2025/8/30 8:30:00

如何在 Excel 中处理并拆分你提供的这种混合单位的库存数据。

使用 Power Query (获取与转换数据) - 最推荐 这是处理这类复杂、不规范数据的最强大、最灵活的方法&#xff0c;尤其适合数据量大或需要重复处理的情况。 加载数据到 Power Query&#xff1a; 选中你的数据区域。 在 Excel 菜单栏点击 数据 选项卡。 在 获取和转换数据 功能…...

编程日记 2025/9/15 4:45:58

OpenHarmony荷兰研习会回顾 | 仓颉语言赋能原生应用开发实践

近日&#xff0c;由全球顶级学术峰会EuroSys/ASPLOS和OpenHarmony社区在荷兰鹿特丹合办的操作系统深度研习会圆满收官&#xff0c;本次研习会以"架构探秘-开发实践-创新实验"三位一体的进阶模式&#xff0c;为全球开发者构建了沉浸式技术探索平台。其中&#xff0c;由…...

编程日记 2025/9/12 1:22:55

广州华锐视点考试考核系统：引领智能考核新时代​

在当今数字化飞速发展的时代&#xff0c;考试考核作为教育与培训成果检验的重要环节&#xff0c;也在不断寻求创新与突破。广州华锐视点凭借其先进的技术实力&#xff0c;打造出了一套功能强大、高效便捷的考试考核系统&#xff0c;为各类教育机构、企业培训等提供了全面且优质…...

编程日记 2025/9/14 6:48:57

Harmony鸿蒙应用开发-录音保存并播放音频

功能介绍&#xff1a; 录音并保存为m4a格式的音频&#xff0c;然后播放该音频&#xff0c;参考文档使用AVRecorder开发音频录制功能(ArkTS)&#xff0c;更详细接口信息请查看接口文档&#xff1a;ohos.multimedia.media (媒体服务)。 知识点&#xff1a; 熟悉使用AVRecorder…...

编程日记 2025/9/8 4:08:51

室分系统（室内分布系统）详解

室分系统&#xff08;室内分布系统&#xff0c;Indoor Distribution System&#xff09;是用于解决建筑物内部信号弱、覆盖差、容量不足的专用通信网络&#xff0c;广泛应用于商场、写字楼、地铁、机场等场景。 1. 室分系统的作用 解决信号覆盖问题&#xff1a;消除室内盲区&am…...

编程日记 2025/9/15 6:44:14

基于 Qt4 的图片处理工具开发（二）：增加对比度调节、界面布局优化、多线程操作

废话不多说&#xff0c;先来看一下最终的界面效果 一、引言 在上一篇博客中&#xff0c;我们完成了图片处理工具的基础框架&#xff0c;实现了拖拽加载、亮度调节和角度旋转功能。本文将聚焦界面布局重构、对比度调节功能扩展以及多线程性能优化&#xff0c;进一步提升工具的实…...

编程日记 2025/9/4 0:12:14

禁止页面滚动的方法-微信小程序

在微信小程序中&#xff0c;有几种方法可以禁止页面滚动&#xff1a; 一、通过页面配置禁止滚动 在页面的JSON配置文件中设置&#xff0c;此方法完全禁止页面的滚动行为&#xff1a; {"disableScroll": true }二、通过 CSS 样式禁止滚动 在页面的WXSS文件中添加&…...

编程日记 2025/9/15 10:46:00

基于landsat与Modis影像的遥感技术的生态环境质量评价

本次将结合ArcGIS与ENVI&#xff0c;发布 landsat与Modis影像的遥感技术的生态环境质量评价技术专题&#xff0c;专题课程学习&#xff01; 在反映生态质量的诸多自然因素中&#xff0c;绿度、湿度、热度、干度可谓是与人类生存息息相关的4个重要指标&#xff0c;也是人类直观…...

编程日记 2025/9/7 6:45:15

蓝桥杯刷题--宝石组合

在一个神秘的森林里&#xff0c;住着一个小精灵名叫小蓝。有一天&#xff0c;他偶然发现了一个隐藏在树洞里的宝藏&#xff0c;里面装满了闪烁着美丽光芒的宝石。这些宝石都有着不同的颜色和形状&#xff0c;但最引人注目的是它们各自独特的 “闪亮度” 属性。每颗宝石都有一个…...

编程日记 2025/9/12 16:49:48

记录一下学习docker的命令（不断补充中）

#2025-04-10,22:12############### 在wsl2中安装了ubuntu24.04.1后有部署了docker&#xff0c; 如果没有启动docker可以通过下列命令启动docker&#xff1a; sudo systemctl start docker 执行下列命令可以看到docker状态&#xff0c;并不占用控制台的命令&#xff1a; su…...

编程日记 2025/9/8 17:17:13

沃伦森电机状态传感器RS-MTS01：智能运维的解决方案

行业工况背景 一、方案背景 在现代工业生产中&#xff0c;电机发挥着至关重要的作用&#xff0c;其运行状况直接关联到生产效率、产品质量以及成本控制。传统的电机维护主要依赖于定期的巡检和事后维修&#xff0c;这种方式难以提前发现潜在的故障隐患&#xff0c;容易导致意外…...

编程日记 2025/9/14 1:31:37

设计模式：单例模式

复习一下&#xff1a; 单例模式&#xff08;Singleton Pattern&#xff09; 原理&#xff1a; 单例模式确保一个类只有一个实例&#xff0c;并提供一个全局访问点来获取这个实例。它通过将类的构造函数设为私有&#xff0c;防止外部代码直接实例化该类。同时&#xff0c;提供…...

编程日记 2025/9/10 18:45:52

电商素材革命：影刀RPA魔法指令3.0驱动批量去水印，实现秒级素材净化

本文 去除水印实操视频展示电商图片水印处理的困境​影刀 RPA 魔法指令 3.0 强势登场​利用魔法指令3.0两步实现去除水印操作关于影刀RPA 去除水印实操视频展示 我们这里选择了4张小红书里面比较帅气的图片&#xff0c;但凡用过小红书的都知道&#xff0c;小红书右下角是会有小…...

编程日记 2025/9/11 12:15:31

解析 WebSocket 协议的基本原理

随着互联网的快速发展&#xff0c;Web 应用对实时通信的需求越来越高。传统的 HTTP 协议无法满足实时性的要求&#xff0c;而 WebSocket 协议则应运而生。WebSocket 是一种新型的协议&#xff0c;允许在一个单独的持久连接上进行全双工的通信&#xff0c;提供了更高效、实时的数…...

编程日记 2025/9/11 6:36:43

学生管理系统（Python）

运行结果&#xff1a; 源代码&#xff1a; """ 项目&#xff1a;类似于学生管理系统---增删改查 """ #封装一个学生类 import random class Student: def __init__(self,stuid,name,score): self.stuid stuid self.name name self.score …...

编程日记 2025/9/7 19:43:30

Java抽象类：深入理解与应用

一、引言 在Java的面向对象编程中&#xff0c;抽象类&#xff08;Abstract Class&#xff09;是一个非常重要的概念。它允许我们定义一个类&#xff0c;该类中包含一些抽象方法和非抽象方法&#xff0c;但自己不能被实例化。抽象类主要用于创建类的层次结构&#xff0c;并为子…...

编程日记 2025/9/9 15:09:01

下垂控制的定义与应用解析

下垂控制&#xff08;Droop Control&#xff09;是一种广泛应用于微电网、逆变器及分布式电源系统的控制策略&#xff0c;其核心思想是通过模拟传统同步发电机的下垂特性&#xff0c;实现电力系统中电压、频率的稳定以及功率的合理分配。以下是其关键解释及参考依据&#xff1a…...

编程日记 2025/9/12 6:19:54

oracle 并行度（Parallel Degree）

在Oracle数据库中&#xff0c;并行度&#xff08;Parallel Degree&#xff09; 是用于控制并行处理任务的关键配置&#xff0c;旨在通过多进程协作加速大规模数据处 一、并行度的核心概念 并行度&#xff08;DOP, Degree of Parallelism&#xff09; 表示一个操作同时使用的并…...

编程日记 2025/9/15 3:37:59

轻量级碎片化笔记memos本地NAS部署与跨平台跨网络同步笔记实战

文章目录 前言1. 使用Docker部署memos2. 注册账号与简单操作演示3. 安装cpolar内网穿透4. 创建公网地址5. 创建固定公网地址 推荐 ​ 前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。 点击跳转到网站 前言…...

编程日记 2025/9/11 4:02:09

心有猛虎，细嗅蔷薇

2025年4月10日&#xff0c;13~28℃&#xff0c;还好 待办&#xff1a; 融智云考平台《物理》《物理2》《地理》《地理1》重修试卷 冶金《物理》课程标准 教学技能大赛PPT教案 遇见&#xff1a;网友过得挺好的。 感受&#xff1a;和网友说话还是不错的。 反思&#xff1a;无。 …...

编程日记 2025/9/14 3:05:12

借助DeepSeek开启学术写作高效通道

摘要 在学术研究领域&#xff0c;撰写高质量论文是研究者成果展示与学术交流的关键环节。然而&#xff0c;传统论文写作过程复杂&#xff0c;常使研究者面临诸多挑战。随着人工智能技术的发展&#xff0c;DeepSeek等工具为论文写作带来新契机。本文深入剖析利用DeepSeek进行论文…...

编程日记 2025/9/10 17:51:10

interrupt子系统中的数据结构

我们接着上一篇&#xff0c;开始真正的interrupt子系统&#xff1a; 现在有一个共享的中断&#xff0c;网卡跟开关共享同一个gpio中断&#xff0c;然后当触发中断的时候&#xff0c;GIC会发信号给CPU&#xff0c;告诉他已经发生了中断了&#xff0c;然后CPU会去读取GIC里面的寄…...

编程日记 2025/9/10 3:30:32

本地浏览器运行服务器jupyter文件

之前不知道要设置密码 一直登不上 远程linux服务器中安装jupyter通过本地浏览器访问使用_服务器jupyter 本地浏览器访问-CSDN博客...

编程日记 2025/9/16 0:58:31

P1331 洛谷 海战

题目描述 思路 这个题需要读懂题意&#xff0c;即“什么样的形式表示两只船相撞&#xff1f;” ----> 上下相邻或左右相邻 如果图是不和法的&#xff0c;一定存在如下结构&#xff1a; # # . # 或 # # # . 或 # . # # 或 . # # #即四个格子里有三个#&#xff0c;一个"…...

编程日记 2025/9/10 4:23:27

如何开发iOS辅助工具？iOS按键精灵帮你实现

强大的辅助工具可以支持自动化操作&#xff0c;轻松实现一键点击、滑动、输入等操作&#xff0c;无论是游戏挂机、日常任务还是批量处理&#xff0c;都能高效完成。 在按键精灵中针对新手用户和资深开发作者都有路径实现游戏的任务点击。 新手用户推荐使用录制功能以及连点器…...

编程日记 2025/9/10 4:05:24

数据可视化 —— 柱形图应用（大全）

一、案例一&#xff1a;单柱形图 1.导入库 import matplotlib.pyplot as plt import pandas as pd import numpy as np 2.给窗口名称和画布大小 plt.figure(num单柱形图, figsize(6, 4), facecolorw) 3.定义x、y轴的数据 # range(0-4) x np.arange(5) # 创建数组 y1 np.a…...

编程日记 2025/9/11 10:02:14

NLP高频面试题（三十九）——什么是大模型的涌现能力？

在人工智能领域，随着模型规模的扩大，研究人员观察到大型语言模型会展现出一些在小型模型中未曾出现的全新能力，这种现象被称为涌现能力。这些能力并非通过特定编程或训练目标直接获得，而是在模型参数和训练数据达到一定规模后自发出现的。 为什么会产生涌现能力？ 涌现能…...

编程日记 2025/9/4 11:05:25

课程发布｜ROS+PX4固定翼无人机仿真开发课程

课程链接&#xff08;限时优惠&#xff09;&#xff1a; ROSPX4固定翼无人机仿真开发课程https://www.bilibili.com/cheese/play/ss131501135...

编程日记 2025/9/10 2:52:36

使用 VcXsrv 在 Windows 10 上运行 Ubuntu 图形界面

VcXsrv 是一款用于 Windows 的开源 X 服务器&#xff0c;它允许在 Windows 系统上显示 Linux 的图形应用程序。当在 Windows 10 上安装并正确配置 VcXsrv 后&#xff0c;通过设置 WSL2 中的DISPLAY环境变量&#xff0c;使其指向运行 VcXsrv 的 Windows 主机的 IP 地址&#xff…...

编程日记 2025/9/15 18:02:18

Java中的参数是值传递还是引用传递？

在java中&#xff0c; 参数传递只有值传递 ,不论是基本类型还是引用类型。 其中的区别在于&#xff1a; 基本数据类型&#xff08;如byte&#xff0c;short&#xff0c;int等&#xff09;&#xff1a;传递的参数是值的副本&#xff0c;即基本类型的数值本身。因此在方法中&am…...

编程日记 2025/9/11 10:11:49

SD教程|AI绘画软件Stable Diffusion的Lora模型详解与使用教程

一、引言 在[AI绘画 领域&#xff0c;StableDiffusion作为一种强大的文本到图像的生成模型&#xff0c;已经吸引了众多艺术家和爱好者的关注。而Lora&#xff08;Low-RankAdaptation&#xff09;模型作为StableDiffusion的一个重要扩展&#xff0c;进一步提升了模型的微调效率…...

编程日记 2025/9/10 15:55:27

矢量网络分析仪测试S参数注意事项

正式测试S参数之前一定要先校准 测量1个端口时&#xff0c;校准步骤如下&#xff1a; 开路&#xff08;Open&#xff09;&#xff1b; 短路&#xff08;Short&#xff09;&#xff1b; 负载&#xff08;Load&#xff09;。 测试2个端口时&#xff0c;校准步骤如下&#xff1a; …...

编程日记 2025/9/11 15:23:51

模拟-与-现实协同训练：基于视觉机器人操控的简单方法

25年3月来自 UT Austin、Nvidia、UC Berkeley 和纽约大学的论文“Sim-and-Real Co-Training: A Simple Recipe for Vision-Based Robotic Manipulation”。 大型现实世界机器人数据集在训练通才机器人模型方面拥有巨大潜力&#xff0c;但扩展现实世界人类数据收集既耗时又耗资…...

编程日记 2025/9/15 13:59:18

期权与期货的在险价值

在险价值&#xff08;Value at Risk&#xff0c;VaR&#xff09; 在险价值&#xff08;Value at Risk&#xff0c;VaR&#xff09;是指在一定概率水平 α % \alpha\% α%&#xff08;置信水平&#xff09;下&#xff0c;某金融资产或资产组合的价值在未来特定时期&#xff08…...

编程日记 2025/9/12 17:59:23

消防设施操作员证书用途有哪些

消防设施操作员证书是国家职业资格证书之一&#xff0c;持有该证书表明具备从事消防设施操作、监控、维护等工作的专业资格。其具体用途和重要性如下&#xff1a; 一、主要用途 就业准入资格 根据《消防法》及相关规定&#xff0c;从事消防控制室值班、消防设施操作与维护等…...

编程日记 2025/9/12 16:50:44

【C++ 内存管理】静态分配和动态分配

文章目录 1.静态分配2.动态分配3.对静态分配和动态分配理解4.析构函数调用顺序5.new[ ] 为什么会多申请内存呢&#xff1f; 1.静态分配 定义&#xff1a; 在编译阶段确定内存大小和生命周期&#xff0c;由编译器自动分配和释放。 特点&#xff1a; ①分配时机&#xff1a;程序…...

编程日记 2025/9/9 15:47:30

基于autokeras的简单天气预报例子和运行输出

import numpy as np from autokeras import StructuredDataClassifier from sklearn.model_selection import train_test_split from sklearn.preprocessing import StandardScaler # 模拟数据 np.random.seed(0) n_samples 1000 X np.random.rand(n_samples, 3…...

编程日记 2025/9/14 13:23:26

云服务器的入门了解

首先&#xff0c;用户可能对云计算和云服务器的基本概念不太清楚&#xff0c;需要先做一个简单易懂的定义&#xff0c;避免使用太多技术术语。接下来&#xff0c;要说明云服务器和传统物理服务器的区别&#xff0c;强调云服务器的优势&#xff0c;比如弹性扩展、按需付费等。 然…...

编程日记 2025/9/15 4:46:01

Navicat连接远程PostGreSQL失败

问题描述 使用本地Navicat连接Windows远程服务器上部署的PostGreSQL数据库时，出现以下错误： 解决方案 出现以上报错信息，是因为PostGreSQL数据库服务尚未设置允许客户端建立远程连接。可做如下配置， 1. 找到PostGreSQL数据库安装目录下的data子文件夹，重点关注：postgres…...

编程日记 2025/9/10 18:17:22

经济金融最优化：从理论到MATLAB实践——最大利润问题全解析

内容摘要 本文聚焦经济金融领域的最大利润问题&#xff0c;深入探讨不考虑销售影响和考虑销售影响两种情形下的利润最大化模型柯布 - 道格拉斯生产函数等理论构建与求解。 关键词&#xff1a;经济金融&#xff1b;最大利润问题&#xff1b;柯布-道格拉斯生产函数 1. 引言 在…...

编程日记 2025/9/9 3:10:43

“AI工业革命2.0”：大语言模型驱动的行业再造浪潮

📝个人主页🌹：慌ZHANG-CSDN博客 🌹🌹期待您的关注 🌹🌹 一、引言：从“工具”到“力量”的跃迁 当人工智能步入大模型时代，尤其以ChatGPT、DeepSeek、Grok 等为代表的大语言模型不断刷新人类对智能的认知边界，它们不再只是工具，而是逐步变成了行业逻辑的重构力…...

编程日记 2025/9/15 1:37:34