/* ----------------*/
const xAxisData = fromData.xAxisValue// 月份/日
// 刻度值计算
// 处理两个y轴的最大值 => 为使两个y轴的标度线完全重合
// 拿到左右两个y轴的最大数据之后 给他们分别取整成为最终 y轴上展示的值 也是为了能够确保两个值都能整除 5
const maxY1 = parseInt((Math.max(...fromData.yProjectNumValue) + 2000) / 1000) * 1000
const maxY2 = parseInt((Math.max(...fromData.yProjectMoneyValue) + 50000) / 25000) * 25000
// 数据
const data = [
{
yAxis: {
name: '项目数量(个)',
max: maxY1, // 左侧y轴最大值
// 两个y轴的刻度必须整除一个相同的数才能重合
interval: Math.ceil(maxY1 / 5)// 间距等分为 5 等分
},
series: {
name: '项目数量',
data: fromData.yProjectNumValue
}
},
{
yAxis: {
name: '金额(万元)',
max: maxY2, // 右侧y轴最大值
interval: Math.ceil(maxY2 / 5) // 间距等分为 5 等分
},
series: {
name: '金额',
data: fromData.yProjectMoneyValue
}
}
]
实现ECharts双Y轴左右刻度线一致的例子
最新推荐文章于 2023-11-17 16:29:45 发布