2016-04-12 22 views
1

Ich möchte eine Schaltfläche im Map-Container von Highmap erstellen. Ich sah viele Beispiele, die alle mit Highcharts über Export verknüpft waren. Kann mir jemand mit einem Beispiel mit Highmaps (Welt oder einem bestimmten Land) helfen. Genauer gesagt, die Schaltfläche wird nicht erstellt, wenn Mapbubble verwendet wird.Highmaps - Erstellen von benutzerdefinierten Schaltflächen mit Exportieren

Mein Beispiel: Link

exporting: { 
     buttons: { 
      customButton: { 
       x: -62, 
       onclick: function() { 
        alert('Clicked'); 
       }, 
       symbol: 'circle' 
      } 
     } 
    } 
+0

Alle von Ihrer Seite versuchen, einen Blick zu haben? – Kruser

+0

http://jsfiddle.net/jeffrycommvault/pbpc5r9L/ Bitte schauen Sie sich um. –

+2

Sieht so aus, als hätten Sie vergessen, das Exportmodul zu laden. –

Antwort

4

Bei Schaltflächen Erstellen Sie denselben Code wie man in Highcharts verwendet verwenden - Highcharts: replace custom button image on hover

Wenn Sie Schaltflächen im Kontextmenü (Export-Menü) erstellen möchten, dann könnten Sie Legen Sie sie in den Optionen des Diagramms wie exporting.buttons fest.

Beispiel: http://jsfiddle.net/6umj6veL/

EDIT: Vergessen Sie nicht, den Export-Modul aufzunehmen;)

<script src="https://code.highcharts.com/modules/exporting.js"></script>

Beispiel: http://jsfiddle.net/pbpc5r9L/1/

+0

Siehe, die Schaltfläche wird nicht nur erstellt, wenn mapbubble verwendet wird. Extreme Entschuldigungen, ich habe das in der Frage hinzugefügt. –

+1

Kein Problem. Fügen Sie das Exportmodul hinzu, damit Ihr Code funktioniert. Antwort aktualisiert –

+0

Funktioniert wie ein Charme. Vielen Dank. Könnten Sie mir bitte sagen, wie Sie "enableDoubleClickZoomTo: true" im selben Blasendiagramm aktivieren? –

Verwandte Themen