Highcharts点击加载图表

Question

我正在构建一个仪表板，它在一行上有大约4个图形，并且点击任何图形时，我想更新另一个图形，这个图形的大小更大以显示图形，以便它对用户可见分析。

任何想法如何重新绘制地图点击按钮。

Answer 1

我做了类似的事情，在我的项目。

您可以添加一个按钮缩放/弹出，单击它将打开一个新的大图并禁用此新图表中的导出按钮。

以下是完整的代码。

function callback($this) { 
    var img = $this.renderer.image('images/zoom_icon.png', $this.chartWidth - 40, 5, 40, 12); 
    img.add(); 
    img.css({ 
     'cursor': 'pointer' 
    }); 
    img.attr({ 
     'title': 'Pop out chart' 
    }); 
    img.on('click', function() { 
     var params = { 
      chart: { 
       spacingLeft: 100, 
       spacingRight: 100, 
       renderTo: 'myChart' 
      }, 
      title: { 
       text: 'title' 
      }, 
      exporting: { 
       buttons: { 
        exportButton: { 
         enabled: false 
        }, 
        printButton: { 
         enabled: false 
        } 

       } 
      } 

     } 

     new Highcharts.Chart(params, function (chart) {}); 
    }) 

} 


new Highcharts.Chart(charts.params, callback); 

// where charts.params is object which contains options for chart