当前位置:

uCharts高性能跨平台图表 v2.4.3

收藏
举报
uCharts是一个高性能的跨平台图表库,支持H5、APP、小程序(微信小程序、支付宝小程序、钉钉小程序、百度小程序、头条小程序、QQ小程序、360小程序)、Vue、Taro等更多支持canvas的框架平台,支持饼图、圆环图、线图、柱状图、区域图、雷达图、圆弧进度图、仪表盘、K线图、条状图、混合图、玫瑰图、漏斗图、词云图、时序图、散点图、气泡图、地图。为解决开发者使用可视化组件的困扰,uCharts官方特推出可视化通用组件。
  • 作者:
    暂无
  • 演示网站:
    暂无
  • 当前版本:
    v2.4.3
  • 日期:
    2022-05-08
  • 相关链接:
    Home Page
  • 所属分类:
    web应用开发 JavaScript
  • 软件评级:
  • 下载人气:
    67
免费下载
求购此源码
源码详情
免费下载
更新日志
联系客服/入群
源码属性
授权 开源
大小 9.51MB
语言 JavaScript
运行环境 JavaScript
功能介绍
uCharts是一个高性能的跨平台图表库,支持H5、APP、小程序(微信小程序、支付宝小程序、钉钉小程序、百度小程序、头条小程序、QQ小程序、360小程序)、Vue、Taro等更多支持canvas的框架平台,支持饼图、圆环图、线图、柱状图、区域图、雷达图、圆弧进度图、仪表盘、K线图、条状图、混合图、玫瑰图、漏斗图、词云图、时序图、散点图、气泡图、地图。

为解决开发者使用可视化组件的困扰,uCharts官方特推出可视化通用组件,本组件具备以下特点:
1、极简单的调用方式,默认配置下只需要传入图表类型及图表数据即可全端显示。
2、提供强大的在线配置生成工具,可视化中的可视化,鼠标点一点就可以生成图表,可视化从此不再难配。
3、兼容ECharts,并解决了ECharts无法使用formatter的问题,可选择PC端或APP端单独使用ECharts引擎渲染图表。
4、H5及App采用renderjs渲染图表,动画流畅、性能翻倍。
5、根据父容器尺寸弹性显示图表,再也不必为宽高匹配及多端适配问题发愁。
6、支持加载状态loading及error展示,避免数据读取显示空白的尴尬。
7、chartData配置与数据解耦,即便使用ECharts引擎也不必担心拼接option的困扰。
8、localdata后端数据直接渲染,无需自行拼接chartData的categories及series,从后端拿回的数据简单处理即可生成图表。
9、小程序端不必担心包体积过大问题,ECharts引擎将不会编译到各小程序端,u-charts.js编译后仅为93kb。
10、未来将支持通过HbuilderX的schema2code自动生成全端全平台图表,敬请期待!!!
11、uCharts官方拥有3个2000人的QQ群支持,庞大的用户量证明我们一直在努力,本组件将持续更新,请各位放心使用,本组件问题请在QQ3群反馈,您的宝贵建议是我们努力的动力!!

安装注意前提条件【版本要求:HBuilderX 3.1.0+】
1、插件市场点击右侧绿色按钮【使用HBuilderX导入插件】,或者【使用HBuilderX导入示例项目】查看完整示例工程
2、依赖uniapp的vue-cli项目:请将uni-modules目录复制到src目录,即src/uni_modules。(请升级uniapp依赖为最新版本)
3、页面中直接按下面用法直接调用即可,无需在页面中注册组件qiun-data-charts
4、注意父元素class='charts-box'这个样式需要有宽高
付费服务
模板/插件
当前版本

v2.4.3

更新内容

秋云图表组件 修复开启canvas2d后将series赋值为空数组显示加载图标时,再次赋值后画布闪动的bug
秋云图表组件 修复升级hbx最新版后ECharts的highlight方法报错的bug
uCharts.js 雷达图新增参数opts.extra.radar.gridEval,数据点位网格抽希,默认1
uCharts.js 雷达图新增参数opts.extra.radar.axisLabel, 是否显示刻度点值,默认false
uCharts.js 雷达图新增参数opts.extra.radar.axisLabelTofix,刻度点值小数位数,默认0
uCharts.js 雷达图新增参数opts.extra.radar.labelPointShow,是否显示末端刻度圆点,默认false
uCharts.js 雷达图新增参数opts.extra.radar.labelPointRadius,刻度圆点的半径,默认3
uCharts.js 雷达图新增参数opts.extra.radar.labelPointColor,刻度圆点的颜色,默认#cccccc
uCharts.js 雷达图新增参数opts.extra.radar.linearType,渐变色类型,可选值"none"关闭渐变,"custom"开启渐变
uCharts.js 雷达图新增参数opts.extra.radar.customColor,自定义渐变颜色,数组类型对应series的数组长度以匹配不同series颜色的不同配色方案,例如["#FA7D8D", "#EB88E2"]
uCharts.js 雷达图优化支持series.textColor、series.textSize属性
uCharts.js 柱状图中温度计式图标,优化支持全圆角类型,修复边框有缝隙的bug,详见官网【演示】中的温度计图表
uCharts.js 柱状图新增参数opts.extra.column.activeWidth,当前点击柱状图的背景宽度,默认一个单元格单位
uCharts.js 混合图增加opts.extra.mix.area.gradient 区域图是否开启渐变色
uCharts.js 混合图增加opts.extra.mix.area.opacity 区域图透明度,默认0.2
uCharts.js 饼图、圆环图、玫瑰图、漏斗图,增加opts.series[0].data[i].labelText,自定义标签文字,避免formatter格式化的繁琐,详见官网【演示】中的饼图
uCharts.js 饼图、圆环图、玫瑰图、漏斗图,增加opts.series[0].data[i].labelShow,自定义是否显示某一个指示标签,避免因饼图类别太多导致标签重复或者居多导致图形变形的问题,详见官网【演示】中的饼图
uCharts.js 增加opts.series[i].legendText/opts.series[0].data[i].legendText(与series.name同级)自定义图例显示文字的方法
uCharts.js 优化X轴、Y轴formatter格式化方法增加形参,统一为fromatter:function(value,index,opts){}
uCharts.js 修复横屏模式下无法使用双指缩放方法的bug
uCharts.js 修复当只有一条数据或者多条数据值相等的时候Y轴自动计算的最大值错误的bug

联系客服

手机版

扫一扫进入手机版

返回顶部