Skip to content

wqzwh/wepy-charts

Repository files navigation

wepy-charts 图表集合示例

结合了echarts和antvis-f2进行图表展示示例集合

简介

wepy工程框架结合echarts使用,展示基本图表示例,目前柱状图,折线图实现了tooltip功能,饼图暂时未能实现tooltip,后期�加上(主要是目前echart在微信小程序中暂时不支持tooltip功能),以下示例均来自echart官网示例

具体使用

echarts使用

在项目中引入mixins/echarts.jsplugins/ec-canvas文件夹下的所有内容,如果需要开启tooltip请将components\tooltip.wpy复制到自己的项目中,这里的使用cover-view变相实现了tooltip的功能,经过测试有点卡顿,期待官网的支持。具体使用规范查看pages/e文件夹下具体示例即可。

f2使用

在项目中引入mixins/f2.jsplugins/f2-canvas文件夹下的所有内容,具体使用规范查看pages/f文件夹下具体示例即可。

小程序预览

柱状图 - echarts

  • 基础使用
  • 阶梯瀑布图
  • 堆叠图
  • 极坐标系图

折线图 - echarts

  • 基础使用
  • 堆叠区域图
  • 气温变化

饼图 - echarts

  • 基础使用
  • 南丁格尔玫瑰图

雷达图 - echarts

漏斗图 - echarts

仪表盘 - echarts

散点图 - echarts

不能使用new echarts.graphic.RadialGradient,否则会出现栈溢出问题

柱状图 - f2

  • 基础图
  • 叠加
  • 渐变

折线图 - f2

  • 基础图
  • 面积
  • 多线

饼图 - f2

  • 基础图
  • 玫瑰图

雷达图 - f2

仪表盘 - f2

散点图 - f2

K线图 - f2

极坐标 - f2

色块图 - f2

About

wepy结合echarts和Antvis-F2使用例子

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published