如何将echarts引入微信小程序(eCharts引入小程序)

不久前，ECharts团队与微信小程序团队合作，宣布更新支持Canvas 2D的ECharts微信小程序。

使用Canvas 2D可以使微信小程序环境中的Canvas更接近W3C标准的Canvas接口，因此可以解决以前因接口实现不一致而导致的bug。此外，画布2D的同一层渲染可以解决图表和其他原生组件覆盖层的问题。

简要介绍电子海图:

商业数据图表，这是一个纯JavaScript图标库，兼容大多数浏览器，底层依赖于轻量级画布类库ZRender，提供直观，生动，交互和高度个性化的数据可视化图表。拖放重新计算、数据视图和范围漫游等创新功能极大地增强了用户体验，并使用户能够挖掘和集成数据。

文本:

准备工作:小程序开发环境，下载ECharts组件，gitHub地址:https://github.com/ecomfe/echarts-for-weixin.

操作流程:

1.将ec-canvas复制到项目中（它可能不是根目录，但请在以后引用它时更改文件地址）。

2.将组件引入相应页面的json文件。

{ & quot使用组件& quot:{ & quotec-画布& quot:& quot../../ec-画布/ec-画布& quot}}（免费视频教程:php视频教程）

3.相应页面的js文件

将*作为电子图片从& amp#39;../../ec-canvas/echarts & amp；#39;；函数init chart（canvas，width，height）{ const chart = echarts . init（canvas，null，{ width: width，height:height }）；canvas.setChart（图表）；var option = { title: { text:#39;测试中图例的红色区域不应被裁剪&；#39;，左:& amp#39;中心和中心。#39;}，颜色:

相关推荐:小程序开发教程

这几篇文章你可能也喜欢：

• 微信小程序无法获取位置信息怎么办？（微信小程序无法获取位置信息）
• 微信小程序如何实现九宫格跳（如何在小程序中配置九宫格抽奖）
• 如何调节微信小程序的亮度？
• 使用scss开发微信小程序
• 在微信小程序中使用echart

本文由主机参考刊发，转载请注明：如何将echarts引入微信小程序(eCharts引入小程序) https://zhujicankao.com/114623.html