在网上看了很多文章 都是按照官方的文档直接复制就可以运行,没有看到说在小程序中去请求接口数字回来之后怎么构建图表,以下是我自己写的通过去请求数据设置数据渲染图表(因为没有接触过这个东西,希望有更好的代码优化或者不对的地方可以留言跟我说哈)
- 在
https://github.com/ecomfe/echarts-for-weixin下载 - 将下载好的文件中 ec-canvas目录 放在小程序项目目录中即可
- 新建一个页面
- json
{
"usingComponents": {
"ec-canvas": "../../ec-canvas/ec-canvas"
}
}
- wxml
<view class="container">
<view class="echart-title">全国疫情新趋势</view>
<ec-canvas
class="mapchart"
id="mapchart"
canvas-id="mapchart"
ec="{
{ ec }}">
</ec-canvas>
</view>
- wxss
.container {
padding: 15rpx;
margin: 15rpx 0rpx;
width: 100%;
height: 50%;
box-sizing: border-box;
}
.mapchart{
width: 100%;
height: