更新记录

0.0.1(2026-05-02)

新增

  • 新增 ECharts 配置封装组件 ze-echart
  • 支持接收 option 配置和 theme 属性。
  • 支持加载状态和空配置状态。
  • 支持 readyfinished 事件。
  • 支持 setOption(option)resize()dispose()getInstance() 方法。

优化

  • 补充完整首页 demo,覆盖 option 配置、ready/finished 状态、resize 和 dispose 截图场景。
  • demo 增加配置切换、空配置展示和 setOption() 方法调用。
  • 插件定位调整为 ECharts 配置适配器,避免误导为内置完整 ECharts 渲染内核。
  • 补充详情页级 readme.md,明确 API、平台兼容性和能力边界。
  • 完善插件市场发布配置、平台兼容性、授权价格和文档说明。

注意

  • 当前是 ECharts 配置承载层,不包含真实 ECharts 渲染内核。
  • 如需完整 ECharts 能力,需要后续接入 H5 Canvas 或 WebView 渲染方案。

平台兼容性

uni-app(5.08)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- 5.0 12 -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
- - - - - - - - - -

uni-app x(5.08)

Chrome Safari Android iOS 鸿蒙 微信小程序
5.0 12 - -

其他

多语言 暗黑模式 宽屏模式
×

ECharts 配置适配器

zhuanz-echart 是一个 ECharts option 配置适配组件,提供统一的图表容器、配置接收、生命周期事件和基础方法封装。

定位说明

当前版本定位为“配置适配器”和“图表容器基础层”,不内置完整 ECharts 渲染内核。适合需要先统一图表配置结构、生命周期和后续渲染接入点的项目。

组件

  • ze-echart

核心能力

  • 接收 option 配置。
  • 支持 theme 属性。
  • 支持加载状态和空配置状态。
  • 提供 readyfinished 事件。
  • 提供 setOption(option)resize()dispose()getInstance() 方法。

安装路径

uni_modules/zhuanz-echart

基础示例

<template>
  <ze-echart
    ref="chart"
    :option="option"
    theme="light"
    @ready="onReady"
    @finished="onFinished"
  />
</template>

<script>
export default {
  data() {
    return {
      option: {
        title: { text: '销售趋势' },
        series: [{ type: 'bar', data: [12, 30, 18] }]
      }
    }
  },
  methods: {
    onReady() {},
    onFinished() {},
    updateChart() {
      this.$refs.chart.setOption(this.option)
    }
  }
}
</script>

Props

属性 类型 默认值 说明
option Object {} ECharts 配置对象
theme String light 主题名
height String 420rpx 容器高度
loading Boolean false 是否显示加载状态
emptyText String 暂无图表配置 空配置文案

Events

事件 说明
ready 组件挂载完成
finished 调用 setOption/resize/dispose 后触发
chartClick 预留图表点击事件
error 错误事件

Methods

方法 说明
setOption(option) 更新配置并触发 finished
resize() 触发尺寸更新事件
dispose() 触发销毁事件
getInstance() 当前版本返回 null,预留真实图表实例入口

平台兼容性

  • uni-app Vue2 / Vue3:支持
  • H5:支持
  • App Vue:支持
  • 微信小程序:支持
  • 支付宝小程序:支持
  • uni-app x:支持 Web 和 App,需按实际项目运行环境验证

注意事项

  • 当前版本不内置 ECharts 渲染内核。
  • 上架和项目文案请描述为“ECharts 配置适配器”或“图表配置容器”。
  • 如需真实图表渲染,建议后续接入 H5 Canvas、WebView 或平台图表渲染方案。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

暂无用户评论。