清除DIV標籤不工作

Question

你好我想在圖表容器中顯示一個頁面中的兩個圖表。但我無法清除DIV標籤。所以只顯示最後一張圖表。

<script type="text/javascript"> 
    $(function() { 
     var dataSource = 
      [ 
       { status: "Placed", outsideindia: 6.7, india: 28.6 }, 
       { status: "Unplaced", unplaced: 9.6 } 
      ]; 

     $("#chartContainer").dxChart({ 
      dataSource: dataSource, 
      commonSeriesSettings: { 
       argumentField: "status", 
       type: "stackedBar" 
      } 
     }); 
    }); 

</script> 



<div id="chartContainer" style="width: 100%; height: 440px;"></div> 
<div style="clear: both;"></div> 

<script type="text/javascript"> 
     $(function() { 
      $("#chartContainer").dxChart({ 


       series: { 
        argumentField: "st_status", 
        valueField: "oranges", 
        name: "Series 1", 
        type: "bar", 
        color: "blue" 
       } 
      }); 
     }); 
</script> 

<div id="chartContainer" style="width: 100%; height: 400px;"></div> 任何人可以幫助我嗎？

Answer 1

在代碼中，你是在兩個DIV使用相同的ID。每個元素應該有唯一的ID。改變和嘗試以下操作：

<script type="text/javascript"> 
    $(function(){ 
     var dataSource = [ 
     { status: "Placed", outsideindia: 6.7, india: 28.6}, 
     { status: "Unplaced", unplaced: 9.6} 
     ]; 

    $("#chartContainer1").dxChart({ 
     dataSource: dataSource, 
     commonSeriesSettings: { 
      argumentField: "status", 
      type: "stackedBar" 
     }, 

      </script> 


        <div id="chartContainer1" style="width: 100%; height: 440px;" ></div> 
        <div style="clear:both;"></div> 
    <script type="text/javascript"> 
       $(function() 
        { 
     $("#chartContainer2").dxChart({ 


     series: { 
      argumentField: "st_status", 
      valueField: "oranges", 
      name: "Series 1", 
      type: "bar", 
      color: "blue" 
     } 
    }); 
    } 

       ); 
      </script> 


    <div id="chartContainer2" style="width: 100%; height: 400px;" ></div> 

Answer 2

如果你想清除那麼你的內容，你div可以從這個使用方法：

$('#yourDivID').empty();