diff --git a/v8/src/main/java/org/apache/zeppelin/iginx/IginxInterpreter8.java b/v8/src/main/java/org/apache/zeppelin/iginx/IginxInterpreter8.java
index 23bc7f2..356074f 100644
--- a/v8/src/main/java/org/apache/zeppelin/iginx/IginxInterpreter8.java
+++ b/v8/src/main/java/org/apache/zeppelin/iginx/IginxInterpreter8.java
@@ -30,7 +30,6 @@
 import java.util.zip.ZipEntry;
 import java.util.zip.ZipOutputStream;
 import org.apache.commons.io.FileUtils;
-import org.apache.commons.lang3.StringUtils;
 import org.apache.commons.lang3.SystemUtils;
 import org.apache.zeppelin.iginx.util.*;
 import org.apache.zeppelin.iginx.util.HttpUtil;
@@ -302,7 +301,8 @@ private InterpreterResult processSql(String sql, InterpreterContext context) {
         if (SqlType.ShowColumns == sqlResult.getSqlType()) {
           interpreterResult.add(
               new InterpreterResultMessage(
-                  InterpreterResult.Type.HTML, buildTreeForShowColumns(sqlResult)));
+                  InterpreterResult.Type.HTML,
+                  buildTreeForShowColumns(sqlResult, context.getParagraphId())));
         }
         msg =
             buildSingleFormResult(
@@ -338,7 +338,7 @@ private InterpreterResult processSql(String sql, InterpreterContext context) {
    *
    * @param sqlResult
    */
-  public String buildTreeForShowColumns(SessionExecuteSqlResult sqlResult) {
+  public String buildTreeForShowColumns(SessionExecuteSqlResult sqlResult, String paragraphId) {
     List<List<String>> queryList =
         sqlResult.getResultInList(true, FormatUtils.DEFAULT_TIME_FORMAT, timePrecision);
     MultiwayTree tree = MultiwayTree.getMultiwayTree();
@@ -359,30 +359,19 @@ public String buildTreeForShowColumns(SessionExecuteSqlResult sqlResult) {
       }
       List<HighchartsTreeNode> nodeList = new ArrayList<>();
       int depth = tree.traverseToHighchartsTreeNodes(tree.getRoot(), nodeList);
-      if (!graphTreeEnable) {
-        nodeList.remove(0); // 删掉根节点，展现森林
-      }
       Gson gson = new Gson();
       String jsonString = gson.toJson(nodeList);
       String html =
           content
               .toString()
+              .replace("PARAGRAPH_ID", paragraphId)
               .replace("NODE_LIST", jsonString)
-              .replace("TREE_DEPTH", String.valueOf(depth));
-      // LOGGER.info("depth={},html={}", depth, html);
-      // 写入Highcharts库文件，只在新环境执行一次
-      //      String targetPath = outfileDir + "/graphs/lib/";
-      //      if (!FileUtil.isDirectoryLoaded(targetPath)) {
-      //        String sourcePath = "static/highcharts/lib/";
-      //        String jarUrl =
-      //
-      // Objects.requireNonNull(IginxInterpreter8.class.getClassLoader().getResource(sourcePath))
-      //                        .toString();
-      //        String jarPath = jarUrl.substring(jarUrl.indexOf("file:") + 5,
-      // jarUrl.indexOf(".jar") + 4);
-      //        FileUtil.extractDirectoryFromJar(jarPath, sourcePath, targetPath);
-      //      }
-
+              .replace("TREE_DEPTH", String.valueOf(depth))
+              .replace("TREE_ENABLE", String.valueOf(graphTreeEnable));
+      String fileName = paragraphId + "_tree.html";
+      // 写入文件服务器paragraphID_tree.html
+      String targetPath = outfileDir + "/graphs/tree/" + fileName;
+      FileUtil.writeToFile(html, targetPath);
       return html;
     } catch (IOException e) {
       LOGGER.warn("load show columns to tree error", e);
@@ -455,14 +444,17 @@ private InterpreterResult processLoadCsv(String sql, InterpreterContext context)
       if (!file.isFile()) {
         throw new InvalidParameterException(path + " is not a file!");
       }
-      String[] paths = sql.split(" ");
-      for (int i = 0; i < paths.length; i++) {
-        if ("INFILE".equalsIgnoreCase(paths[i])) {
-          paths[i + 1] = "\"" + path + "\"";
-          break;
-        }
+
+      String lowerCaseStr = sql.toLowerCase();
+      int start = lowerCaseStr.indexOf("INFILE".toLowerCase());
+      int end = lowerCaseStr.indexOf("AS CSV".toLowerCase());
+      StringBuffer stringBuffer = new StringBuffer(sql);
+      sql = stringBuffer.replace(start + 7, end - 1, "\"" + path + "\"").toString();
+
+      if (sql.contains("\\")) {
+        sql = sql.replace("\\\\", "\\");
       }
-      sql = StringUtils.join(paths, " ");
+      LOGGER.info("load data sql execute, sql={}", sql);
       double fileSizeGB =
           new BigDecimal(file.length() / 1024 / 1024 / 1024)
               .setScale(2, RoundingMode.HALF_UP)
@@ -1081,9 +1073,7 @@ public InterpreterResult tuneFontSize(
                         InterpreterResult.Type.HTML,
                         String.format("<h%d>%s</h%d>", hTagNumber, item.getData(), hTagNumber));
                   } else if (item.getType().equals(InterpreterResult.Type.HTML)) {
-                    return new InterpreterResultMessage(
-                        item.getType(),
-                        String.format("<h%d>%s</h%d>", hTagNumber, item.getData(), hTagNumber));
+                    return new InterpreterResultMessage(item.getType(), item.getData());
                   } else {
                     LOGGER.warn("unexpected result type {}", item.getType());
                   }
diff --git a/v8/src/main/java/org/apache/zeppelin/iginx/SimpleFileServer.java b/v8/src/main/java/org/apache/zeppelin/iginx/SimpleFileServer.java
index a5d6102..80fe5a0 100644
--- a/v8/src/main/java/org/apache/zeppelin/iginx/SimpleFileServer.java
+++ b/v8/src/main/java/org/apache/zeppelin/iginx/SimpleFileServer.java
@@ -18,6 +18,7 @@ public class SimpleFileServer {
 
   public static String PREFIX = "/files";
   public static String PREFIX_UPLOAD = "/files/upload";
+  public static String PREFIX_GRAPH = "/graphs";
   private int port;
   private String fileDir;
   private String uploadFileDir;
@@ -58,6 +59,7 @@ public void start() throws IOException {
       httpServer = HttpServer.create(new InetSocketAddress(port), 0);
       httpServer.createContext(PREFIX, new FileHandler(fileDir));
       httpServer.createContext(PREFIX_UPLOAD, new UploadHandler(uploadFileDir));
+      httpServer.createContext(PREFIX_GRAPH, new GraphHandler(fileDir));
       httpServer.start();
     } catch (IOException e) {
       LOGGER.error("Error starting SimpleFileServer", e);
@@ -215,6 +217,48 @@ public void handle(HttpExchange exchange) {
     }
   }
 
+  static class GraphHandler implements HttpHandler {
+    private String basePath;
+
+    public GraphHandler(String basePath) {
+      this.basePath = basePath;
+    }
+
+    @Override
+    public void handle(HttpExchange exchange) throws IOException {
+      exchange.getResponseHeaders().add("Access-Control-Allow-Origin", "*");
+
+      // 获取请求的文件名，并构建文件路径
+      String requestPath = exchange.getRequestURI().getPath();
+      File file = new File(basePath + requestPath);
+      if (file.exists() && !file.isDirectory()) {
+        // 设置响应头为文件下载
+        if (requestPath.endsWith("html")) {
+          exchange.getResponseHeaders().set("Content-Type", "text/html");
+        } else {
+          exchange.getResponseHeaders().set("Content-Type", "text/plain");
+        }
+        exchange.sendResponseHeaders(200, file.length());
+
+        // 读取文件并写入响应体
+        OutputStream os = exchange.getResponseBody();
+        FileInputStream fs = new FileInputStream(file);
+        final byte[] buffer = new byte[0x10000];
+        int count = 0;
+        while ((count = fs.read(buffer)) >= 0) {
+          os.write(buffer, 0, count);
+        }
+        fs.close();
+        os.close();
+      } else {
+        String responseMeg = "404 (Not Found)，可能文件已被删除，请重新执行查询";
+        exchange.sendResponseHeaders(404, responseMeg.length());
+        Writer response = new OutputStreamWriter(exchange.getResponseBody());
+        response.write(responseMeg);
+        response.close();
+      }
+    }
+  }
   /** clean earliest files when upload file director exceeds 100GB */
   public void cleanUpLoadDir() {
     new Thread(
diff --git a/v8/src/main/java/org/apache/zeppelin/iginx/util/FileUtil.java b/v8/src/main/java/org/apache/zeppelin/iginx/util/FileUtil.java
new file mode 100644
index 0000000..33d4060
--- /dev/null
+++ b/v8/src/main/java/org/apache/zeppelin/iginx/util/FileUtil.java
@@ -0,0 +1,17 @@
+package org.apache.zeppelin.iginx.util;
+
+import java.io.*;
+import java.nio.charset.StandardCharsets;
+
+public class FileUtil {
+  public static void writeToFile(String content, String filePath) {
+    try (FileOutputStream fos = new FileOutputStream(filePath);
+        OutputStreamWriter osw = new OutputStreamWriter(fos, StandardCharsets.UTF_8);
+        BufferedWriter writer = new BufferedWriter(osw)) { // 使用BufferedWriter提高效率
+
+      writer.write(content);
+    } catch (IOException e) {
+      e.printStackTrace();
+    }
+  }
+}
diff --git a/v8/src/main/java/org/apache/zeppelin/iginx/util/MultiwayTree.java b/v8/src/main/java/org/apache/zeppelin/iginx/util/MultiwayTree.java
index 4452525..703ffc2 100644
--- a/v8/src/main/java/org/apache/zeppelin/iginx/util/MultiwayTree.java
+++ b/v8/src/main/java/org/apache/zeppelin/iginx/util/MultiwayTree.java
@@ -6,7 +6,7 @@
 import org.apache.commons.lang3.StringUtils;
 
 public class MultiwayTree {
-  public static final String ROOT_NODE_NAME = "数据资产";
+  public static final String ROOT_NODE_NAME = "";
   public static final String ROOT_NODE_PATH = "rootId";
 
   public TreeNode getRoot() {
diff --git a/v8/src/main/resources/static/highcharts/tree.html b/v8/src/main/resources/static/highcharts/tree.html
index 641e043..fdae7a0 100644
--- a/v8/src/main/resources/static/highcharts/tree.html
+++ b/v8/src/main/resources/static/highcharts/tree.html
@@ -1,5 +1,6 @@
 <html lang="en">
     <head>
+        <meta charset="UTF-8">
         <title></title>
         <style>
 
@@ -7,31 +8,46 @@
                 margin: 0 auto;
                 max-width: 100vw;
                 min-width: 60vw;
-                height: 100vh;
             }
-            /*#container {*/
-            /*    margin-top: calc((100vh - 100vh) / 2)*/
-            /*}*/
+            #PARAGRAPH_ID_single_container {
+                height: 35rem;
+            }
             .large-tree{
-                height: 100vh;
                 width: 100vw;
                 margin: 0 calc((100vw - 100vw) / 2);
             }
             .middle-tree{
-                height: 100vh;
                 width: 80vw;
                 margin: 0 calc((100vw - 80vw) / 2);
             }
             .small-tree{
-                height: 100vh;
                 width: 55vw;
                 margin: 0 calc((100vw - 60vw) / 2);
             }
+            .toggle-button {
+                padding: 0 5px;
+                border: none;
+                background-color: transparent;
+                color: inherit;
+                cursor: pointer;
+                font-size: 14px;
+            }
+            .toggle-button::before {
+                content: ">> ";
+                color: #333;
+            }
+            .toggle-button:hover {
+                color: #2e70a8;
+            }
+            .toggle-button:hover::before {
+                color: #2e70a8;
+            }
         </style>
     </head>
     <body>
+        <button id="PARAGRAPH_ID_toggleButton" class="toggle-button">显示数据资产</button>
         <figure class="highcharts-figure">
-            <div id="container"></div>
+            <div id="PARAGRAPH_ID_single_container" style="display: none"></div>
         </figure>
         <script>
             function loadLibrary(src) {
@@ -43,7 +59,7 @@
                     document.head.appendChild(script);
                 });
             }
-
+            var cc ;
             async function init() {
                 try {
                     // await loadLibrary('lib/highcharts.js');
@@ -60,7 +76,7 @@
                     // 继续执行依赖于库的代码
                     let nodeList = NODE_LIST;
                     let depth = TREE_DEPTH;
-                    let element = document.getElementById('container');
+                    let element = document.getElementById('PARAGRAPH_ID_single_container');
                     if(depth<5){
                         element.classList.toggle("small-tree");
                     }else if(depth<10){
@@ -68,7 +84,7 @@
                     }else{
                         element.classList.toggle("large-tree");
                     }
-                    Highcharts.chart("container", {
+                    cc = Highcharts.chart("PARAGRAPH_ID_single_container", {
                         chart: {
                             spacingBottom: 30,
                             marginRight: 200,
@@ -111,7 +127,7 @@
                                     {
                                         level: 1,
                                         levelIsConstant: false,
-                                        collapsed: true
+                                        collapsed: false
                                     },
                                     {
                                         level: 2,
@@ -146,13 +162,139 @@
                                     }
                                 ],
                             }
-                        ]
+                        ],
+                        plotOptions: {
+                            series: {
+                                point: {
+                                    events: {
+
+                                        click: function () {
+                                            const node = this;  // 获取当前点击的节点
+                                            // 监听节点的展开/折叠状态
+                                            if (node.collapsed) {
+                                                console.log('Node Expanded:', node.name);
+                                                node.setState('normal');  // 展开节点
+                                            } else {
+                                                console.log('Node Collapsed:', node.name);
+                                                node.setState('inactive');  // 折叠节点
+                                            }
+                                            // 计算并输出展开节点最多的层及其层高
+                                            calculateMaxExpandedLayerHeight();
+                                        }
+
+                                    }
+                                }
+                            }
+                        }
                     });
                 } catch (error) {
                     console.error('加载失败:', error);
                 }
+                afterLoad();
             }
             init();
+            // 计算展开节点最多的层和层高
+            function calculateMaxExpandedLayerHeight() {
+                const levelCount = {};  // 用来记录每个层级的展开节点数
+                const nodeLevel = {};   // 用来记录每个节点的层级
+                data = cc.series[0].points;
+                // 遍历所有节点，记录每个节点的层级
+                function traverse(node, level) {
+                    nodeLevel[node.id] = level;
+
+                    // 如果节点展开，则计数该层级
+                    if (!levelCount[level]) {
+                        levelCount[level] = 0;
+                    }
+                    levelCount[level]++;
+
+                    // 遍历所有子节点
+                    if (typeof node.collapsed !== "undefined" && !node.collapsed) {
+                        const children = data.filter(child => child.parent === node.id);
+                        children.forEach(child => traverse(child, level + 1));
+                    }
+
+                }
+
+                // 遍历根节点
+                const rootNode = data.find(node => node.parent === "undefined");
+                traverse(rootNode, 0);
+
+                // 找到展开节点最多的层和层高
+                let maxLevel = -1;
+                let maxNodes = 0;
+                for (let level in levelCount) {
+                    if (levelCount[level] > maxNodes) {
+                        maxNodes = levelCount[level];
+                        maxLevel = level;
+                    }
+                }
+                console.log('层高最多的层是：', maxLevel);
+                console.log('最多展开的节点数：', maxNodes);
+                var totalHeight = 35;
+                var container = document.getElementById('PARAGRAPH_ID_single_container');
+                // 重新绘制图表以适应新的高度
+                container.style.height = (totalHeight + maxNodes) + 'rem';
+                // 使用 chart.update 方法更新图表配置，保持动画效果
+                cc.update({
+                    chart: {
+                        height: container.offsetHeight // 或者你计算出的新高度
+                    }
+                }, true);
+            }
+
+            // 在图表渲染完后，隐藏根节点
+            function afterLoad() {
+                // setTimeout(() => {
+                if(TREE_ENABLE){
+                    return;
+                }
+                console.log("隐藏根节点");
+                const nodes = cc.series[0].points;
+                const links = cc.series[0].links;
+
+                // 找到根节点并设置其不可见
+                const rootNode1 = nodes.find(node => node.id === 'rootId'); // 根节点的 id 是 '0'
+
+                if (rootNode1) {
+                    const nodeElement = rootNode1.graphic.element;
+                    if (nodeElement) {
+                        nodeElement.style.opacity = 0;  // 隐藏根节点
+                    }
+                    // 隐藏根节点的标签（文字）
+                    const labelElement = rootNode1.dataLabel ? rootNode1.dataLabel.element : null;
+                    if (labelElement) {
+                        labelElement.style.opacity = 0;  // 隐藏标签
+                    }
+                }
+
+                // 遍历所有边，隐藏与根节点相关的边
+                links.forEach(link => {
+                    if (link.fromNode.id === 'rootId' || link.toNode.id === 'rootId') {  // 连接根节点的边
+                        // 将根节点的边设置为透明
+                        const linkElement = link.graphic.element;
+                        if (linkElement) {
+                            linkElement.style.stroke = 'transparent';  // 隐藏边
+                            linkElement.style.opacity = 0;  // 确保边不可见
+                        }
+                    }
+                });
+                // }, 500);  // 延迟调用，确保图表已经渲染完成
+            }
+
+            document.getElementById('PARAGRAPH_ID_toggleButton').addEventListener('click', function() {
+                var container = document.getElementById('PARAGRAPH_ID_single_container');
+                if (container.style.display === 'none' || container.classList.contains('hidden')) {
+                    // 显示图表
+                    container.style.display = 'block';
+                    cc.redraw(); // 重新绘制图表，确保它正确显示
+                    this.innerText="隐藏数据资产"
+                } else {
+                    // 隐藏图表
+                    container.style.display = 'none';
+                    this.innerText="显示数据资产"
+                }
+            });
         </script>
     </body>
 </html>