话说这三个图表库,我都有用过,echart,wx-chart,ucharts,
wx-chart由于个人目前没有维护了,echart,总的来说,还是更倾向于pc,而ucharts就不一样了,他的诞生,就是为小程序而生的,他是伴随小程序跨端框架uni-app而来的,所以uchart更小程序更具有一种天然的属性。
-----
高性能跨平台图表库,支持H5图表、APP图表、小程序图表(微信小程序、支付宝小程序、百度小程序、头条小程序、QQ小程序、360小程序),支持饼图、圆环图、线图、柱状图、区域图、雷达图、圆弧进度图、仪表盘、K线图、条状图、混合图、玫瑰图、漏斗图、词云图、地图。
首页
码云主页
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)
taro写的小程序可以使用这个插件吗
楼主,uCharts有微信交流群吗?拉我一下
难道没有人存在点击位置不对的问题吗
在小程序的ucharts图表,开发者工具里不随页面滚动,而且tooltip的出现位置和点击位置偏差很大。
在真机可以随页面滚动,点击位置偏差也很大
都没这问题吗?
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
}
}
折线图最下面那个,折线图滚动条左右滑动特别卡,一点也不流畅,不知道作者有没有发现这个问题
感谢分享!具体用法请见官方文档https://www.ucharts.cn
Ucharts里使用enableScroll与scrollShow异常,有什么好的解决方式吗?
iPhone 12 下,微信打开体验 demo 的小程序,稍微有点卡
玫瑰图如果多个数据都一样就不显示,请问大神怎么解决?
ucharts 词云 刷新不是少这个词 就是少那个词 请问这个怎么解决呢
这个只能在用uni-app开发的时候才能使用吗?