qiun-data-charts怎样动态生成y轴最小值
时间: 2023-12-19 10:29:05 浏览: 182
d3-charts:包含易于使用,可定制的基于D3J的笛卡尔图
根据提供的引用内容,我们可以看出在uniapp中使用uCharts图表,在折线图中有时候会出现Y轴的数据重复的问题。而解决这个问题的方法是根据Y轴数据的最大值和最小值之差动态改变splitNumber的值,当最大值和最小值之差小于5时,splitNumber是两值之差,当大于5时,就等于5。因此,我们可以通过以下方法动态生成y轴最小值:
1.首先,需要获取折线图的数据arr。
2.然后,通过Math.max.apply(null,arr)获取数据中的最大值max,通过Math.min.apply(null,arr)获取数据中的最小值min。
3.接着,判断最大值和最小值之差是否大于等于5或者是否等于0,如果是,则splitNumber等于5,否则splitNumber等于最大值和最小值之差。
4.最后,返回splitNumber即可。
示例代码如下:
```
function generateYAxisMin(arr) {
let splitNumber = 5;
if (arr.length != 0) {
let max = Math.max.apply(null, arr);
let min = Math.min.apply(null, arr);
if ((Number(max) - Number(min) >= 5) || (Number(max) - Number(min) == 0)) {
splitNumber = 5;
} else {
splitNumber = Number(max) - Number(min); }
}
return splitNumber;
}
```
阅读全文