OK!!!初始化设置已经设置完,效果是第一张效果图,但是点击数据源切换要怎么操作呢,继续切换数据源方法
ECharts 和微信小程序echarts官方团队合作提供了 ECharts 的微信小程序echarts版本。开发者可以通过熟悉的 ECharts 配置方式快速开发图表,满足各种可视化需求
在微信中扫描下面的二維码即可体验 ECharts Demo:
为了兼容小程序echarts Canvas,ECharts提供了一个小程序echarts的组件用这种方式可以方便地使用 ECharts。
首先下载 GitHub 上的 项目。
其中ec-canvas 是ECharts提供的组件,其他文件是如何使用该组件的示例
项目中下载最新发布版,或者从官网以减小文件大小
微信小程序echarts的项目创建可以参见。
在创建项目之后可以将下载的 项目完全替换新建的项目,然后将修改代码;或者仅拷贝 ec-canvas 目录到新建的项目下然后做相应的调整。
如果采用完全替换的方式需要将 project.config.json 中的 appid 替换成在公众平台申请的项目 id。pages 目录下的每个文件夹是一个页面可以根据情况删除不需要的页面,並且在 app.json 中删除对应页面
如果仅拷贝 ec-canvas 目录,则可以参考 pages/bar 目录下的几个文件的写法下面,ECharts具体地说明
这一配置的作用是,允许ECharts茬 pages/bar/index.wxml 中使用 组件注意路径的相对位置要写对,如果目录结构和本例相同就应该像上面这样配置。
其中 ec 是一个ECharts在 index.js 中定义的对象它使得图表能够在页面加载后被初始化并设置。index.js 的结构如下:
这对于所有 ECharts 图表都是通用的用户只需要修改上面 option 的内容,即可改变图表option 的使用方法参见 。对于不熟悉 ECharts 的用户可以参见 。
完整的例子请参见 项目
ECharts 中的绝大部分功能都支持小程序echarts版本,因此这里仅说明鈈支持的功能以及存在的问题。
以下功能尚不支持如果有相关需求请在 中反馈,对于反馈人数多的需求将优先支持:
此外目前还有┅些 bug 尚未修复,部分需要小程序echarts团队配合上线支持但不影响基本的使用。已知的 bug 包括:
安卓平台:transform 的问题(会影响关系图边两端的标记位置、旭日图文字位置等)
iOS 平台:半透明略有变深的问题
iOS 平台:渐变色出现在定义区域之外的地方
以上内容据参考echarts官方文档并不能保证為最新内容,如有需要请前往
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。