在chart.js中选择一个数据集后，显示/隐藏其他y轴比例| chart.js事件

问题描述

我拥有两个不同资源（销售和费用）的数据，并且在同一张图表上显示，用户可以选择任何数据集，什么都不选择，或者全部都不选择。

问题：-：当用户取消选择任一数据集时，y轴比例值已更改（范围0-1，未选择），但我想隐藏所有其他y选择任一数据集后，-轴缩放。我还想仅显示一个y轴比例，但基于显示的数据。并且y轴刻度应在更改（选择或取消选择数据集）的情况下自动更新

这是我的chart.js

let months = ["January","February","march","April","May","June","July","August","September","October","November","December"];

let salesExpensesChartEle = $("#sales-expenses-chart");

if (salesExpensesChartEle) {

    let salesData = {
        label: 'Sales',data: [10,19,3,15,7,13],backgroundColor: 'rgba(37,106,206,1)',borderWidth: 0,yAxisID: "y-axis-sales",poinTradius: 0,};

    let expensesData = {
        label: 'Expenses',data: [12,5,6,3],backgroundColor: 'rgba(175,27,16,yAxisID: "y-axis-expenses",};

    let salesExpensesChartData = {
        labels: months,datasets: [salesData,expensesData]
    };

    let chartOptions = {
        responsive: true,elements: {
            point:{
                radius: 0
            },line :{
                fill: false
            }
        },title: {
            display: true,position: 'bottom',text: 'SALES / EXPENSES',fontSize: 14
        },scales: {
            xAxes: [{
                display: true,barPercentage: 1,categoryPercentage: 0.6,gridLines: {
                    display: false
                }
            }],yAxes: [{
                display: true,type: "linear",id: "y-axis-sales",gridLines: {
                    display: false
                },ticks: {
                    beginAtZero:false,stepSize: 2
                },/*scaleLabel: {
                    display: true,labelString: 'USD',beginAtZero: true,},*/
            },{
                id: "y-axis-expenses",stepSize: 2,/*max: 50,min: 0*/
                }
            }]
        }
    };

    let salesExpensesChart = new Chart(salesExpensesChartEle,{
        type: 'bar',data: salesExpensesChartData,options: chartOptions
    });
}