• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

ECharts在微信小程序中的使用

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

1、首先,下载 GitHub 上的 ecomfe/echarts-for-weixin 项目。
2、在创建项目之后,可以将下载的 ecomfe/echarts-for-weixin 项目完全替换新建的项目,然后将修改代码;或者仅拷贝 ec-canvas 目录到新建的项目下,然后做相应的调整。
3、
4、
5、app.wxss中的固定应用代码:
/app.wxss/
.container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex; /* flex布局 /
/
注意:设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。 /
flex-direction: column; /决定主轴的方向(即项目的排列方向) /
/
column:主轴为垂直方向,起点在上沿。
/
align-items: center; /定义项目在交叉轴上如何对齐 /
/
center:交叉轴的中点对齐
/
justify-content: space-between; /
定义了项目在主轴上的对齐方式 /
/
space-between:两端对齐,项目之间的间隔都相等 /
box-sizing: border-box;
/

content-box:padding和border不被包含在定义的width和height之内
盒子的实际宽度=设置的width+padding+border
border-box:padding和border被包含在定义的width和height之内。
盒子的实际宽度=设置的width(padding和border不会影响实际宽度)
*/
}

6、图表案例网址:https://echarts.apache.org/examples/zh/index.html
在option中进行修改。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序图标引用发布时间:2022-07-18
下一篇:
微信小程序--火车票查询发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap