使用Chart.js在一个页面中绘制多个图表-DrawmultiplechartinonepagewithChart.js

I need to show multiple chart from data which i get from ajax source. But i don't know why Chart.js only show one chart at a time although i made new dataset as well as new canvas for each chart. Please help me, this is the Javascript code which i used to draw chart.

我需要显示来自ajax源的数据的多个图表。但我不知道为什么Chart.js一次只显示一个图表,尽管我为每个图表创建了新的数据集和新的画布。请帮帮我,这是我用来绘制图表的Javascript代码。

function showBarChart(label, index, key){
    var areaChartOptiOns= {
        scaleBeginAtZero : true,

        //Boolean - Whether grid lines are shown across the chart
        scaleShowGridLines : true,

        //String - Colour of the grid lines
        scaleGridLineColor : "rgba(0,0,0,.05)",

        //Number - Width of the grid lines
        scaleGridLineWidth : 1,

        //Boolean - Whether to show horizontal lines (except X axis)
        scaleShowHorizontalLines: true,

        //Boolean - Whether to show vertical lines (except Y axis)
        scaleShowVerticalLines: true,

        //Boolean - If there is a stroke on each bar
        barShowStroke : true,

        //Number - Pixel width of the bar stroke
        barStrokeWidth : 2,

        //Number - Spacing between each of the X value sets
        barValueSpacing : 5,

        //Number - Spacing between data sets within X values
        barDatasetSpacing : 1,

        //String - A legend template
        legendTemplate : "
-legend\"><% for (var i=0; i
\"><%if(datasets[i].label){%><%=datasets[i].label%><%}%>
<%}%>
",

        //Boolean - whether to make the chart responsive to window resizing
        responsive: true,
        animationSteps: 15,
        scaleLabel: "          <%=value%>"
    };

    document.getElementById('metterpanel').innerHTML = '';
    for(i = 0; i ' + '
' +
            ' ' + ' 
' + '
' + datakey
            +' 
' + '
' + '
' + '