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

时间:2013-07-10 15:42:12

标签: javascript jquery highcharts

我正在使用highcharts创建图表。我喜欢在图表中放置一个链接或按钮(可能是左上角),点击后,我想调用一个在弹出窗口中显示另一个图表的功能。基本上他们是如何在高清演示网站上做的。当在右上角的x上点亮时,返回到orintal图表。

我正在考虑放置一个subtile并向其发出一个click事件,如下所示:

   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链接时,它没有做任何事情,任何想法?

1 个答案:

答案 0 :(得分: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>