网站地图 | RSS订阅 老铁博客 - 上海SEO优化|上海网站建设|蜘蛛池出租|站群代搭建
你的位置:首页 » 网站建设 » 正文

在微信小程序中使用 ECharts

2019-8-5 23:33:6 | 作者:老铁SEO | 0个评论 | 人浏览

  ECharts 和微信小程序官方团队合作,提供了 ECharts 的微信小程序版本。开发者可以通过熟悉的 ECharts 配置方式,快速开发图表,满足各种可视化需求。

  为了兼容小程序 Canvas,ECharts提供了一个小程序的组件,用这种方式可以方便地使用 ECharts。

  其中,ec-canvas 是ECharts提供的组件,其他文件是如何使用该组件的示例。

  ec-canvas 目录下有一个 echarts.js,默认ECharts会在每次 echarts-for-weixin 项目发版的时候替换成最新版的 ECharts。如有必要,可以自行从 ECharts 项目中下载最新发布版,或者从官网自定义构建以减小文件大小。

  在创建项目之后,可以将下载的ecomfe/echarts-for-weixin项目完全替换新建的项目,然后将修改代码;或者仅拷贝 ec-canvas 目录到新建的项目下,然后做相应的调整。

  如果采用完全替换的方式,需要将fig.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 的用户,可以参见5 分钟上手 ECharts 教程。

  ECharts 中的绝大部分功能都支持小程序版本,因此这里仅说明不支持的功能,以及存在的问题。

  以下功能尚不支持,如果有相关需求请在issue中反馈,对于反馈人数多的需求将优先支持:

  此外,目前还有一些 bug 尚未修复,部分需要小程序团队配合上线支持,但不影响基本的使用。已知的 bug 包括:

  安卓平台:transform 的问题(会影响关系图边两端的标记位置、旭日图文字位置等)

  以上内容据参考echarts官方文档,并不能保证为最新内容,如有需要请前往echart官方文档

  相信做过微信小程序的都知道,官方给出的微信web开发工具上根本就无法加载node_modules包,即使可以加载,node_modules动辄几十M的大小,小程序的代码限制在1M以内,微信小程序的三个不足: 1无法调用npm包 2无法使用babel转吗 3无法重用组件(像r...

  给提问的开发者的建议:提问之前先查询 文档、通过社区右上角搜索搜索已经存在的问题。 写一个简明扼要的标题,并且正文描述清楚你的问题。 提交 BUG:需要带上基础库版本号,设备信息(iOS, Android,开发工具等等),操作系统信息(系统版本),以及可以让他人重现...

  转载链接 注:本文转载知乎上的回答 作者:初雪 链接:来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 微信小程序正式公测,张小...

  看一段剪辑的歌唱视频,其中一段是杨千嬅的《假如让我说下去》,当她唱到“我想哭,你可不可以暂时别要睡,陪着我像最初相识我当时未怕累,但如果,如果说下去……”早不能自己,哽咽到无法演唱。 弹幕上有网友留言,“杨千嬅是个有故事的人”“林夕作词总是能触到有故事人的心里”。 词作者不...

  年轻人,就应该,为自己的梦想奋斗不止,也自己的生活拼搏不息,为自由,为将来有一个更好的生活奋斗。 作为一个年轻人,我有着自己的梦想,有着想要的生活,有着渴望成为的模样,这些都是我该为自己奋斗的理由,年轻人,就应该为自己梦想努力,至于该怎么努力,就要看每个人对...

  诺思 新制度主义理论 经济增长和发展的关键因素是制度。 法律通过为产权保护,契约实施为私人交易提供可预测性和有效激励,进而有效约束政府掠夺,从而促进经济的发展。

  金毛 Nina,大约十岁,按狗狗的年纪,她应该有80来岁了。 八岁的时候,被人遗弃在公园里,当时全身发抖,却不知道自己去觅食,固执地等在遗弃地等待主人。她身患严重的子宫蓄脓,关节脆弱;也许她主人知道随便哪个手术,都大概要几千,可是却不愿意再花钱了吧。 老公拍摄时发现她...

  • 本文来自: 老铁博客,转载请保留出处!欢迎发表您的评论
  • 相关标签:小程序图表  
  • 已有0位网友发表了一针见血的评论,你还等什么?

    必填

    选填

    记住我,下次回复时不用重新输入个人信息

    必填,不填不让过哦,嘻嘻。

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。