echarts同一页面四个图表切换的js数据交互

需求：点击tab页，切换四个不同的图表，ajax向后台请求数据，展示在四个不同的图表中。

其余的就不多说，直接上js代码了

$(function() {
    $("#heart").on("click", function() {

        $('.heart-car').show();
        $('.sleep-car').hide();
        $('.breathe-car').hide();
        $('.sport-car').hide();

    });

    $("#breathe").on("click", function() {

        $('.heart-car').hide();
        $('.sleep-car').hide();
        $('.breathe-car').show();
        $('.sport-car').hide();
    });
    $("#sport").on("click", function() {

        $('.heart-car').hide();
        $('.sleep-car').hide();
        $('.breathe-car').hide();
        $('.sport-car').show();

    });
    $("#sleep").on("click", function() {

        $('.heart-car').hide();
        $('.sleep-car').show();
        $('.breathe-car').hide();
        $('.sport-car').hide();

    });
    


    /* 第一个图表 */
    
    var aChart = echarts.init(document.getElementById("main"));
    function aFun(x_data, y_data) {
        aChart.setOption({
            title: {
                text: '睡眠质量监测'
            },
            tooltip: {
                trigger: 'axis'
            },
            xAxis: {
                data: x_data
            },
            yAxis: {
                splitLine: {
                    show: false
                }
            },
            toolbox: {
                left: 'center',
                feature: {
                    da