ECharts 图表组件
ECharts 图表组件插件可以让小程序轻松使用 ECharts 图表功能,不用担心接入成本以及占用较大体积的问题。完整文档
接入步骤
1、插件申请
首先要在小程序管理后台的“设置-第三方服务-插件管理”中添加插件。开发者可登录小程序管理后台,通过 wx1db9e5ab1149ea03
查找插件并添加。通过申请后,方可在小程序中使用相应的插件
2、引入插件配置
在 app.json 中插件如下代码,注意 AppId 为 wx1db9e5ab1149ea03
{
"plugins": {
"echarts": {
"version": "1.0.0",
"provider": "wx1db9e5ab1149ea03"
}
}
}
3、使用方式
在使用的页面中的 json 配置文件中,插件如下代码:
{
"usingComponents": {
"chart": "plugin://echarts/chart"
}
}
在 wxml 中需要展示图表的位置,插入如下代码:
<chart chart-class="chart" option="{{ option }}" bindinstance="onInstance" />
其中 chart-class 为样式类,option 为 ECharts 中的 option 配置对象,bindinstance 会回调 ECharts 实例对象,如果需要操作 ECharts 实例对象可以实现此方法
4、效果展示
更多示例可以进入 ECharts Gallery 小程序查看。查看完整文档
关于
使用中遇到任何问题可以添加微信反馈,添加微信时可以备注 ECharts。