你如何在 highcharts 上创建一个链接以打开另一个图表的弹出窗口答案

【问题标题】：how do you create a link on highcharts to open up pop up window with another chart你如何在 highcharts 上创建一个链接以打开另一个图表的弹出窗口
【发布时间】：2026-02-21 06:30:01
【问题描述】：

我正在使用 highcharts 创建图表。我喜欢在图表中放置一个链接或按钮（可能是左上角），当点击时，我喜欢调用一个函数，在弹出窗口中显示另一个图表。基本上他们在 highchart 演示站点中是如何做到的。单击右上角的 x 时，返回原始图表。

我正在考虑放置一个 subtile 并为其放置一个点击事件，如下所示：

   subtitle: {
            text: '<span id="node42" class="node-link">by Server</span>',
            align: 'left'
            },

我创建了一个如下所示的小型 java 脚本：

<script type="text/javascript">


    $('node42').observe('click', function(event) {
      alert('my click handler');
    });

</script>

当点击 node42 链接时，它什么也没做，有什么想法吗？

【问题讨论】：

您需要创建一个“页面”，其中包含您要在新窗口中打开的图表数据（如您的问题标题所示）。但是，从您的问题文本看来，您想在与原始图表相同的页面上打开一个新的详细图表。是哪个？
@wergeld，我修改了我原来的帖子，但不完全在那里，有什么我可能遗漏的想法吗？
@wergeld，当点击位于 highcharts 上的链接时，我想打开一个带有另一个图表的弹出窗口。
我在您的 javascript 上收到“TypeError: $(...).observe is not a function”。你能用你的基本设置设置一个 jsFiddle 吗？
为什么不简单点：jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/…

标签： javascript jquery highcharts

【解决方案1】：

我能够做到这一点：

subtitle: {
    useHTML: true,
    text: '<a href="#" onclick="myFunction()">by server chart</a>',
    align: 'left'
       },

在我的功能中

    <script type="text/javascript">
         function myFunction() {
           create the highchart syntax here
       }
  </script>

【讨论】：