Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击一个组织结构图,另一个组织结构图将作为模式弹出窗口打开_Javascript_Html_Jquery_Highcharts_Orgchart - Fatal编程技术网

Javascript 单击一个组织结构图,另一个组织结构图将作为模式弹出窗口打开

Javascript 单击一个组织结构图,另一个组织结构图将作为模式弹出窗口打开,javascript,html,jquery,highcharts,orgchart,Javascript,Html,Jquery,Highcharts,Orgchart,我正在做一个Hichcharts项目,我的要求是我需要在点击组织结构图的节点时显示一个模式弹出窗口。弹出窗口应该是另一个组织结构图。 这是我的密码 [enter link description here][1] [1]: https://jsfiddle.net/ritzlucky13/p83khLrw/ 有人能告诉我怎么做吗?您可以在弹出窗口中创建另一个组织结构图。例如: point: { events: { click: function() { ...

我正在做一个Hichcharts项目,我的要求是我需要在点击组织结构图的节点时显示一个模式弹出窗口。弹出窗口应该是另一个组织结构图。 这是我的密码

[enter link description here][1]


  [1]: https://jsfiddle.net/ritzlucky13/p83khLrw/

有人能告诉我怎么做吗?

您可以在弹出窗口中创建另一个组织结构图。例如:

point: {
  events: {
    click: function() {
      ...
      Highcharts.chart(popupContent, {
        ...
        series: [{
          type: 'organization',
          data: [
            ['CEO', 'Department1'],
            ['CEO', 'Department2'],
            ['CEO', 'Department3']
          ]
        }]
      });
      ...
    }
  }
}


现场演示:

但如果我想要不同的图表(仅组织结构图,但数据不同),请单击不同的节点。这可能吗?嗨,Rika Das,当然可以。可以根据单击的点设置新创建的图表数据。示例:Hi@ppotaczek,但有些节点没有数据。因此,弹出窗口显示为空白。在我的例子中,我只需要3个有数据的节点。所以,点击这些节点弹出窗口就会打开,那个些并没有这些节点数据的节点不应该有任何弹出窗口,你们只需要添加一个简单的条件。例子: