lightning之chart.js canvas重构解决办法

前端代码：

<div id="chartparent" class="slds-theme--default slds-container slds-m-horizontal_x-small">
                <canvas  id="linechart" height="50"></canvas>
                <canvas  id="bubblechart" height="10"></canvas>
                <canvas  id="barchart" height="50"></canvas>

</div>

新建canvas：

var BubbleElement = $("#bubblechart");
                var BubbleChart = new Chart(BubbleElement, {
                    type: 'bar',
                    data: {},

    options:{}

});

tooltips:提示信息

legend：label

重建canvas：

    clearCharts : function(component, event){
        var canvas = $("canvas").remove();
        $("#chartparent").append('<canvas  id="linechart" height="50"></canvas>');
        $("#chartparent").append('<canvas  id="bubblechart" height="10"></canvas>');
        $("#chartparent").append('<canvas  id="barchart" height="50"></canvas>');
    }

利用标签选择器删除所有的canvas，然后再新建所需要的canvas。之后再调用画图函数进行chart重构。

helper.generateChart(component,event,userId);