Code Monkey home page Code Monkey logo

wepy-charts's Introduction

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

wepy-charts's People

Contributors

wqzwh avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.