惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

IT之家
IT之家
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
大猫的无限游戏
大猫的无限游戏
美团技术团队
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园_首页
MyScale Blog
MyScale Blog
N
Netflix TechBlog - Medium
I
InfoQ
Jina AI
Jina AI
Martin Fowler
Martin Fowler
Recent Announcements
Recent Announcements
量子位
月光博客
月光博客
罗磊的独立博客
雷峰网
雷峰网
The Cloudflare Blog
V
V2EX
小众软件
小众软件
人人都是产品经理
人人都是产品经理
博客园 - Franky
T
Tailwind CSS Blog
有赞技术团队
有赞技术团队
S
SegmentFault 最新的问题

博客园 - 微宇宙

claude-code 接入阿里云百炼(Model Studio)模型 小程序 - 旧请求 组件计时器 小程序-微信支付和商户接入的流程 弹出框 mp-half-screen-dialog css- around 内容换行 自动贴边显示 echart - 饼图显示数据值 小程序 - 组件内部引入公共 css 样式 git push 错误 js-金额相加 小程序- 字符数据换行 antd-输入框去掉光晕 大屏缩放布局 大屏显示 echarts - 原型的方向盘动画 小程序- 自定义导航栏组件封装 小程序-echart动画git仓库 小程序- 隐私协议完善 小程序- 日期picker样式问题 echart - 折线图显示设置 echart - 移动端提示内容无阴影 echart 柱状图 - 零界点 正负方向展示 小程序 - 导航栏 图标设置 小程序 - 错误问题记录 react项目全屏功能 react-大屏显示antd浮窗 React andt库设置主题色彩 React闭包陷阱 git 操作 小程序 - 订阅消息通知 小程序-分包
小程序-图表
微宇宙 · 2025-12-03 · via 博客园 - 微宇宙

如i果要封装图表组件,可以基于这个案例,每次传入的是一个对象即可。

 import * as echarts from '../echarts';

this

.ecComponent = this.selectComponent('#chart'); this.ecComponent.init((canvas, width, height, dpr) => { const chart = echarts.init(canvas, null, { width: width, height: height, devicePixelRatio: dpr // new }); chart.setOption(c_option); this.chart = chart; this.setData({ isLoaded: true, }); // 注意这里一定要返回 chart 实例,否则会影响事件处理等 return chart; });

其中,下载图表定制化的 线和壮壮图js,本地运行报错。

// 下载好替换之后,提示什么TypeError: t.domTarget.addEventListener is not a functionfunction Ii(t, e, n, i) {
  t.mounted[e] = n, t.listenerOpts[e] = i, t.domTarget.addEventListener(e, n, i)
}
// 直接改成
function Ii(t, e, n, i) {
  t.mounted[e] = n, t.listenerOpts[e] = i, 1
}
// 也就是删掉 ,
t.domTarget.addEventListener(e, n, i)

https://github.com/ecomfe/echarts-for-weixin/blob/82e6cdfe5347265c04cced222bd6398dcb6eb279/pages/lazyLoad/index.js#L10