在 ECharts 中,可以通过设置 yAxis
的 min
和 max
属性来指定坐标轴的最大值和最小值。如果要根据不同的数据量级设置最大值和最小值,可以在设置图表配置项时,动态计算这些值。
// 假设你有一个数据数组 data
let data = [1.2, 2.4, 3.6, 4.8, 6.0];
// 计算数据的最大值和最小值
let maxValue = Math.max(...data);
let minValue = Math.min(...data);
// 设置 ECharts 的配置项
let option = {
yAxis: {
// 动态设置最小值
min: minValue * 0.8, // 比最小值小 20%
// 动态设置最大值
max: maxValue * 1.25 // 比最大值大 25%
},
series: [
{
// 其他 series 配置...
data: data
}
]
// 其他配置项...
};
// 初始化 ECharts 实例并设置配置项
let myChart = echarts.init(document.getElementById('main'));
myChart.setOption(option);
上述代码中,首先计算数据数组 data
的最大值和最小值,然后根据这些值设置了 Y 轴的最大最小值。通过乘法和其他数学运算,可以调整最大值和最小值的范围以适应不同的数据量级。