Echarts实战案例代码(30)：同一个id空间Tab按钮显示不同图表防止叠加的解决方案

按钮状态设置

$('#ct1').click(function () {
    $('#ct1').removeClass().addClass('active');
    $('#ct2').removeClass().addClass('unactive');
    $('#ct3').removeClass().addClass('unactive');
    $('#ct4').removeClass().addClass('unactive');
    getOrders("0");
})

防止同容器出现叠加

    //先销毁实例.再渲染;
    var myChart = echarts.init(document.getElementById("orders"));
    myChart.clear();

Done！