Javascript 查看svg代码时无法使用工具提示

我已经搜索了好几天，没有找到解决这个问题的方法。我正在生成高图表，没有问题。此外，我使用下面的简单函数获取每个图表的svg代码

 function generateSVG (){

     var svg_xml =  $('#container').highcharts().getSVG();

     document.getElementById('svg_code').innerHTML = svg_xml;
 }

我的问题是，使用highcharts最初生成的图表，我可以将鼠标悬停在图表上并查看工具提示。但是，当我稍后嵌入生成的svg代码时，即使包含了所有外部资源，工具提示也不起作用-所有内容都变得像静态图像。在检查了用于生成初始图表的代码旁边提取的svg代码后，我注意到提取的代码中缺少包含highcharts工具提示类的代码行。我是不是遗漏了什么。下面是用于生成图表的函数之一的示例

function highArea(theD){

    setHighSize();

    var theData = theD;

    $.get(theData, function(data) {

        Highcharts.chart('chartDisplay', {
            colors: ["#67001f","#b2182b","#d6604d","#f4a582","#fddbc7","#ffffff"],
            chart: {
                type: "area",
                useHTML: true
            },
            exporting: {
                buttons: {
                    contextButton: {
                        enabled: false
                    }
                }
            },
            title: {
                text: chart_title
            },
            data: {
                csv: data
            },
            title: {
                text: chart_title
            },
            subtitle: {
                text: ''
            },
            xAxis: {
                allowDecimals: false,
                labels: {
                    formatter: function () {
                        return this.value; 
                    }
                }
            },
            yAxis: {
                title: {
                    text: some_label
                },
            },
            tooltip: {
                pointFormat: '{series.name} <b>{point.y:,.0f}</b><br/> {point.x}'
            },
            plotOptions: {
                area: {
                    marker: {
                        enabled: true,
                        symbol: 'circle',
                        radius: 2,
                        states: {
                            hover: {
                                enabled: true
                            }
                        }
                    }
                }
            }
        });

        generateSVG();

    });

}

功能高端区（theD）{
setHighSize（）；
var theData=theD；
$.get（数据，函数（数据）{
Highcharts.chart（'chartDisplay'{
颜色：[“67001f”、“b2182b”、“d6604d”、“f4a582”、“fddbc7”、“ffffff”]，
图表：{
类型：“区域”，
useHTML:true
},
出口：{
按钮：{
上下文按钮：{
已启用：false
}
}
},
标题：{
正文：图表标题
},
数据：{
csv：数据
},
标题：{
正文：图表标题
},
副标题:{
文本：“”
},
xAxis：{
allowDecimals:false，
标签：{
格式化程序：函数（）{
返回此.value；
}
}
},
亚克斯：{
标题：{
文本：一些标签
},
},
工具提示：{
pointFormat:“{series.name}{point.y:，.0f}
{point.x}”
},
打印选项：{
面积：{
标记：{
启用：对，
符号：'圆'，
半径：2，
国家：{
悬停：{
已启用：true
}
}
}
}
}
});
generateSVG（）；
});
}

我想做的事可能吗？我非常感谢您对此事的任何反馈。

---

谢谢：）

通过浏览器事件和javascript显示工具提示。生成svg图像时，会丢失所有js代码-因此图表将成为静态图像，并且生成的图像不可能响应鼠标事件。感谢您的响应。请注意，我没有生成svg图像。实际上，我使用的是通过getSVG方法调用提取的代码-