评论

小程序推荐图表库uchart

小程序推荐图表库uchart

话说这三个图表库,我都有用过,echart,wx-chart,ucharts,

wx-chart由于个人目前没有维护了,echart,总的来说,还是更倾向于pc,而ucharts就不一样了,他的诞生,就是为小程序而生的,他是伴随小程序跨端框架uni-app而来的,所以uchart更小程序更具有一种天然的属性。

-----

高性能跨平台图表库,支持H5图表、APP图表、小程序图表(微信小程序、支付宝小程序、百度小程序、头条小程序、QQ小程序、360小程序),支持饼图、圆环图、线图、柱状图、区域图、雷达图、圆弧进度图、仪表盘、K线图、条状图、混合图、玫瑰图、漏斗图、词云图、地图。

首页

https://www.ucharts.cn

码云主页

https://gitee.com/uCharts/uCharts

扫码体验地址




- - - - - - - - - - - - - - -

- H5端流行的echart报表因为涉及大量dom操作,无法跨端使用,而wx-chart在跨端和更新方面都不足,如果要做小程序,推荐使用全端可用的[uChart](https://ext.dcloud.net.cn/plugin?id=271)。

- 如只考虑H5端,也可以继续使用echart、f2等常规web图表。

- 如不考虑小程序,那么App端和H5,还可以通过renderjs技术来使用echart、f2等web图表,功能性能比uchart更好。[什么是renderjs](https://uniapp.dcloud.io/frame?id=renderjs)、[基于renderjs使用echart的示例](https://ext.dcloud.net.cn/plugin?id=1207)

最后一次编辑于  2020-04-12  
点赞 4
收藏
评论

12 个评论

  • 权
    2020-09-04

    taro写的小程序可以使用这个插件吗

    2020-09-04
    赞同 1
    回复 1
    • 秋云科技
      秋云科技
      2022-03-19
      可以用没问题
      2022-03-19
      回复
  • 深圳老韩
    深圳老韩
    08-16

    楼主,uCharts有微信交流群吗?拉我一下

    08-16
    赞同
    回复
  • 困
    2023-12-14

    难道没有人存在点击位置不对的问题吗

    在小程序的ucharts图表,开发者工具里不随页面滚动,而且tooltip的出现位置和点击位置偏差很大。

    在真机可以随页面滚动,点击位置偏差也很大

    都没这问题吗?


    2023-12-14
    赞同
    回复 3
    • 吴所 谓
      吴所 谓
      2023-12-14
      有,我碰到了这个问题,点击标注没办法让对应的折线消失或出现
      2023-12-14
      回复
    • 赵星星
      赵星星
      03-07
      有,我碰到了这个问题,大佬有解决方案吗?
      03-07
      回复
    • 秋云
      秋云
      05-06
      把u-charts.js内的 getTouches 这个方法替换一下
      function getTouches(touches, opts, e) {
      let x, y;
      if (touches.x) {
      if (opts.rotate) {
      y = opts.height - touches.x * opts.pix;
      x = touches.y * opts.pix;
      } else {
      x = touches.x * opts.pix;
      y = touches.y * opts.pix;
      }
      } else {
      if (opts.rotate) {
      y = opts.height - touches.clientX * opts.pix;
      x = (touches.pageY - e.currentTarget.offsetTop - (opts.height / opts.pix / 2) * (opts.pix - 1)) * opts.pix;
      } else {
      x = touches.clientX * opts.pix;
      y = (touches.pageY - e.currentTarget.offsetTop - (opts.height / opts.pix / 2) * (opts.pix - 1)) * opts.pix;
      }
      }
      return {
      x: x,
      y: y
      }
      }
      05-06
      回复
  • 周飞
    周飞
    2022-07-11

    折线图最下面那个,折线图滚动条左右滑动特别卡,一点也不流畅,不知道作者有没有发现这个问题

    2022-07-11
    赞同
    回复
  • 秋云科技
    秋云科技
    2022-03-19

    感谢分享!具体用法请见官方文档https://www.ucharts.cn

    2022-03-19
    赞同
    回复 2
    • Sherry
      Sherry
      2022-03-29
      词云怎么控制分布啊
      2022-03-29
      回复
    • 困
      2023-12-15
      请问,为什么看文档还要登录?看文档还要登录的你家可真是独一份。 而且登陆状态不能保持,很短时间就要重新登录,这种情况真实不该出现
      2023-12-15
      回复
  • 佳佳🎈
    佳佳🎈
    2022-02-09

    Ucharts里使用enableScroll与scrollShow异常,有什么好的解决方式吗?

    2022-02-09
    赞同
    回复
  • damon
    damon
    2021-09-08

    iPhone 12 下,微信打开体验 demo 的小程序,稍微有点卡

    2021-09-08
    赞同
    回复 2
    • 张洪清(javim)
      张洪清(javim)
      2021-12-01
      是的,滑动的性能不是很好
      2021-12-01
      回复
    • 秋云科技
      秋云科技
      2022-03-19回复张洪清(javim)
      开启canvas2d后就不会有卡顿现象,或者touch事件增加防抖
      2022-03-19
      回复
  • 洛
    2021-01-26

    玫瑰图如果多个数据都一样就不显示,请问大神怎么解决?


    2021-01-26
    赞同
    回复 1
    • 秋云科技
      秋云科技
      2022-03-19
      升级最新版即可解决
      2022-03-19
      回复
  • 2020-08-05

    ucharts 词云 刷新不是少这个词 就是少那个词 请问这个怎么解决呢

    2020-08-05
    赞同
    回复 3
  • 呼啸青春
    呼啸青春
    2020-06-01

    这个只能在用uni-app开发的时候才能使用吗?

    2020-06-01
    赞同
    回复 2
    • 小肥羊🍊
      小肥羊🍊
      2020-06-01
      都可以使用
      2020-06-01
      回复
    • 呼啸青春
      呼啸青春
      2020-06-01回复小肥羊🍊
      如果是使用传统工具开发,$this传入当前page实例吗?
      2020-06-01
      回复

正在加载...

登录 后发表内容