Highcharts Load Charts auf Klick

Question

Ich baue ein Dashboard und es hat rund 4 Grafiken in einer Zeile und auf ein Diagramm klicken, ich möchte ein anderes Diagramm, das größer ist, um das Diagramm anzuzeigen, so dass es für den Benutzer sichtbar zu aktualisieren analysieren.

eine Idee, wie man die Karte beim Klicken auf eine Schaltfläche neu zeichnen.

Answer 1

habe ich die ähnliche Sache auf meinem Projekt.

Sie können ein Zoom/Popup-Fenster hinzufügen, indem Sie auf klicken, um ein neues großes Diagramm zu öffnen und die Exportschaltflächen in diesem neuen Diagramm zu deaktivieren.

Hier ist der vollständige Code.

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