Extjs 3 如何在不刷新屏幕的情况下移除图表并显示新图表

Question

Flash Player 将消失，我需要找到一个修复程序来显示图表项目。我找到了 extjs3-chartjs-extension。我能够创建饼图，但在删除图表并将其替换为新饼图时遇到问题。

我将以下内容添加到 php demo.v.php

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Demo Report</title>
  </head>

    <body>
      <div id="container"></div>
    </body>
</html>

demo.js

    function showChart(category, type){
      var container = new Ext.Container({ 
        items: [
          new Ext.Panel({
            title: category,
            height: 320,
            width: 600,
            layout: "fit",
              items: [
              new Ext.ux.Chartjs({
               type: "Pie",
               data: [
                 {
                   value: 300,
                   color:"#F7464A",
                   highlight: "#FF5A5E",
                   label: "Red"
                 },
                 {
                   value: 50,
                   color: "#46BFBD",
                   highlight: "#5AD3D1",
                   label: "Green"
                 },
                 {
                   value: 100,
                   color: "#FDB45C",
                   highlight: "#FFC870",
                   label: "Yellow"
                 }
               })
             ]
           })
          ],
            renderTo: "container"
        });

我试过使用

document.getElementById('container').remove();

继续构建新的饼图。我在 console.log 中收到以下错误错误：

Uncaught TypeError: Cannot read property 'dom' of null

Answer 1

试试这个 document.getElementById('container').parentElement.innerHTML = ""

它应该删除容器元素父元素中的所有内容

如果你的体内有其他元素，那么只需用一个元素包围容器

Extjs 3 如何在不刷新屏幕的情况下移除图表并显示新图表

Extjs 3 How to remove chart and display new chart without refreshing the screen

php

extjs3