【BugFix】解决uniapp中使用uchart图表中y轴无法设置最大和最小值

188 阅读1分钟

场景

使用uniapp中一个折线图表,发现如何设置他的min和max都不起效果,但是点击左边点的时候就立马正常。

image.png

点击之后

image.png

使用代码也非常简单

<qiun-data-charts v-if="Object.keys(chartData).length > 0" :canvas2d="true" canvasId="scrolllineid"  type="line" :chartData="chartData" :opts="opts" />
//...此处省略若干代码 opts配置
opts: {
    update: true,
    series: {
            show: false
    },
    legend: {
            show: false
    },
    yAxis: {
            show: false,
            min: 0,
            max: 50,
            interval: 10
    },
    xAxis: {
            show: false
    }
},

我翻烂了整个文档都没有,最坑的他那个文档还要收费,作为凭本事白嫖的人,怎么可能付费进群去解决。

解决方法

找到uni_modules中qiun-data-charts\js_sdk\u-charts\u-charts.js 搜索getYAxisTextList看到有个后面带有{}空对象的就替换opts.yAxis

image.png

当然如果是打包会使用u-charts.min.js 也需要修改一下,也是搜索getYAxisTextList看到有个后面带有{}空对象的就替换,然后替换,看下前面的类似的变量,我这里是a.yAxis

image.png

总结

uchart是挺不错的东西,当初我看使用的人挺高的,我也跟着大家选,但是有收费门槛,虽然不贵,但是挺膈应的。小程序具有国内特色,所以我不得不选uniapp。快速交付一个产品给客户。