原题目：ECharts 公布手机微信微信小程序部件

大家收到了许多手机微信微信小程序开发设计者的意见反馈，表明她们明显必须像 ECharts 那样的可视性化工厂具。可是手机微信微信小程序不是适用 DOM 实际操作的，Canvas 插口也和访问器不绝同样。

因而，大家和手机微信微信小程序官方网精英团队协作，出示了 ECharts 的手机微信微信小程序版本号。
挪动网站建设的优点开发设计者能够根据了解的 ECharts 配备方法，迅速开发设计数据图表，考虑各种各样可视性化要求。

感受实例微信小程序

免费下载

以便适配微信小程序 Canvas，大家出示了一个微信小程序的部件，用这类方法能够便捷地应用 ECharts。

最先，免费下载 GitHub 上的 ecomfe/echarts-for-weixin 新项目。

在其中，ec-canvas 就是我们出示的部件，别的文档是怎样应用这种情况件的实例。

ec-canvas 文件目录下有一个 echarts.js，默认设置大家会在每一次 echarts-for-weixin新项目发版的情况下更换成全新版的 ECharts。若有必需，能够自主从 ECharts 新项目中免费下载全新公布版，或是从官方网站自定搭建以减少文档尺寸。

引进部件

手机微信微信小程序的新项目建立能够参照手机微信微信公众号官方网文本文档。

在建立新项目以后，能够将免费下载的 ecomfe/echarts-for-weixin 新项目彻底更换在建的新项目，随后将改动编码；或是仅复制 ec-canvas 文件目录到在建的新项目下，随后做相对的调节。

假如选用彻底更换的方法，必须将 project.config.json 中的 appid 更换成在微信公众号申请办理的新项目 id。pages 文件目录下的每一个文档夹是一个网页页面，能够依据状况删掉不用的网页页面，而且在 app.json 中删掉相匹配网页页面。

假如仅复制 ec-canvas 文件目录，则能够参照 pages/bar 文件目录下的好多个文档的书写。下边，大家实际地表明。

建立数据图表

最先，在 pages/bar 文件目录下在建下列好多个文档：index.js、 index.json、 index.wxml、 index.wxss。而且在 app.json的 pages 中提升 'pages/bar/index'。

index.json 配备以下：

{"usingComponents":{"ec-canvas":"../../ec-canvas/ec-canvas"}}

这一配备的功效是，容许大家在 pages/bar/index.wxml 中应用 ec-canvas 部件。留意相对路径的相对性部位要写对，假如文件目录构造和本例同样，就应当像上边那样配备。

index.wxml 中，大家建立了一个 ec-canvas 部件，內容以下：

view ec-canvasid="mychart-dom-bar"canvas-id="mychart-bar"ec="{{ ec }}" /ec-canvas /view

在其中 ec 是一个大家在 index.js 中界定的目标，它促使数据图表可以在网页页面载入后被原始化并设定。index.js 的构造以下：

functioninitChart(canvas,width,height){constchart=echarts.init(canvas,null,{width:width,height:height});canvas.setChart(chart);varoption={...};chart.setOption(option);returnchart;}Page({data:{ec:{onInit:initChart}}});

这针对全部 ECharts 数据图表全是通用性的，客户只必须改动上边 option 的內容，就可以更改数据图表。option 的应用方式参照 ECharts 配备项文本文档。针对不太熟悉 ECharts 的客户，能够参照 5 分鐘入门 ECharts 实例教程。

详细的事例请参照 ecomfe/echarts-for-weixin 新项目。

暂未适用的作用

ECharts 中的绝大多数作用都适用微信小程序版本号，因而这儿仅表明不兼容的作用，及其存有的难题。

下列作用尚不兼容，假如有有关要求请在 issue 中向大家意见反馈，针对意见反馈总数多的要求将优先选择适用：

另外，现阶段也有一些 bug 并未修补，一部分必须微信小程序精英团队相互配合发布适用，但不危害基本的应用。己知的 bug 包含：

若有其他难题，也热烈欢迎在 issue 中向大家意见反馈，感谢！回到凡科，查询大量

义务编写：