• 推荐一个适合App、小程序等所有前端应用的图表库


    作为Web开发人员,在做项目的时候,项目都有一些报表的需求。今天给大家推荐一个图表库,兼容IOS、Android、各个平台小程序等。

    项目简介

    这是一个一款基于canvas API开发的适用于所有前端应用的图表库。报表种类齐全、功能强大,集成简单。兼容uni-app、taro 、各个小程序原生平台,可根据项目需求选型。

    技术架构

    1、技术:canvas API、JavaScript、Css。

    2、兼容平台:uni-app、taro 、微信小程序、支付宝小程序、京东小程序、字节小程序、快手小程序、百度小程序等平台。

    项目结构

    图片

    **报表类型
    **

    1、柱状图:基本柱状图、堆叠柱状图、圆角+渐变+半透明柱状图、温度计图表、圆角温度计图表、柱状图滚动条、全圆角柱状图+标记线

    2、山峰图:圆角山峰图、尖角山峰图、三角山峰图、直角山峰图、山峰图无边渐变色、山峰图有边透明渐变+滚动条、山峰图有边渐变+标记线、山峰图圆角渐变色柱状图

    3、条状图:堆叠条状图、圆角条状图+渐变色

    4、折线图:基本折线图、基本曲线图、基本时序图、折线图+断点续连connectNulls、折线图滚动条、时间轴折线图

    5、区域图:基本折线区域图、渐变色曲线区域图、渐变色时序区域图、时间轴(矢量轴)区域图

    6、散点图:散点图

    7、气泡图:气泡图

    8、混合图:多坐标系混合图

    9、饼状图:基本饼状图、带分割线+渐变色、自定义标签内容、自定义标签隐藏

    10、环形图:基本环形图、分割线+渐变色、自定义标签内容、自定义标签隐藏

    11、玫瑰图:面积玫瑰图、半径玫瑰图+分割线+渐变色、自定义标签内容、自定义标签隐藏

    12、雷达图:多边形雷达图、圆形雷达图、刻度标签+网格抽稀、渐变色雷达图、

    13、进度条:圆弧进度条+渐变色、多重整圆进度条、逆时针+圆弧进度条、逆时针+多重整圆进度条、圆角整圆进度条、平角整圆进度条

    14、仪表盘:基本仪表盘、其他仪表盘

    15、漏斗图:标准漏斗图、渐变色+自定义标签、倒三角形漏斗图、金字塔形漏斗图

    16、词云图:词云图

    17、K线图:K线图+双指缩放

    18、地图:地图

    19、交互演示:交互数据应用示例、交互数据、TooltipFormat格式化示例、tooltipCustom自定义示例

    使用方式

    1、原生方式

    HTML部分

    
    
    • 1
    • 2
    • 3
    • 4

    JS部分

    
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43

    CSS部分

    
    
    • 1
    • 2
    • 3
    • 4

    2、组件方式

    HTML部分

    
    
    • 1
    • 2
    • 3
    • 4
    • 5

    JS部分

    
    
    • 1

    CSS部分

    
    
    • 1
    • 2
    • 3
    • 4
    • 5
    
    
    • 1

    报表效果截图

    柱状图

    图片

    山峰图

    图片

    条状图

    图片

    折线图

    图片

    区域图

    图片

    散点图

    图片

    气泡图

    图片

    混合图

    图片

    饼状图

    图片

    环形图

    图片

    玫瑰图

    图片

    项目地址:https://gitee.com/uCharts/uCharts

    - End -

    推荐阅读

    专注分享编程知识、热门有用有趣的开源项目

  • 相关阅读:
    天宇优配|国产海上风电装备大突破,行业复合增速将超3
    【多线程初阶】多线程案例之线程池
    MySQL下载与安装
    opencv-python cv2读写视频,灰度图像视频保存
    Typora使用系统安装的字体
    【数学建模学习笔记【集训十天】之第二天】
    SpringCloudAlibaba分布式事务解决方案Seata实战与源码分析-上
    【微服务部署】十、使用Docker Compose搭建高可用Redis集群
    FPGA行业应用二:通用仪器行业
    2022年一级建造师考试什么时候才能报名?
  • 原文地址:https://blog.csdn.net/daremeself/article/details/127591303