
ucharts
uCharts图表跨平台
衣兜里
这个作者很懒,什么都没留下…
展开
-
uCharts如何设置双Y轴,左侧一个右侧一个,数据源与对应的Y轴绑定
第一步:设置两个Y轴的展示位置,第一个Y轴在左侧,第二个在右侧 yAxis: { data: [{ position: 'left' }, { position: 'left' }] }, 第二步,绑定数据源,...原创 2020-07-27 16:00:25 · 4583 阅读 · 6 评论 -
uni-app ucharts 格式化Y轴展示内容
yAxis: { data: [{ //注意要写在data里面 format: (val) => { return val.toFixed(1) //此处为保留一位小数 }, 'max': this.maxY //此处为最大值,有时会有点的数值被盖住的情况,所以需要设置个变化的最大值,将图表撑起来 }] ...原创 2020-07-20 16:30:18 · 4420 阅读 · 0 评论 -
uni-app ucharts 如何让Y轴指向下方 倒挂图如何实现
研究了好久,发现ucharts的资料比较少,目前还不支持倒挂图的形式,于是修改了源码,在绘制面板的过程中进行旋转。 主要的思想来源就是进行内容的旋转以及翻转 中心思想,也是全部的代码,不可缺少,都需要写 context.save();//保存之前的动作行为 context.scale(1, -1); //此处可根据自己的需要调整,我是垂直翻转,因为是倒挂图 context.fillText(值(各种值,legend title数据点XY轴的内容),X坐标(放正常的X),Y坐标-注意:因为我...原创 2020-07-15 14:19:59 · 1212 阅读 · 0 评论