2016-03-27 3 views
0

Ich muss eine SVG für ein Diagramm mit einem Muster generieren. Ich habe Bilder mit dem Musterfüllungs-Plugin hinzugefügt.Highcharts speichern Sie ein Diagramm im Projektordner statt Downloads Ordner mit Javascript

    name : 'XXX', 
        id : 'Series 3', 
        type : 'column', 
        data : [ protected_protection_ng_values ], 
        color : 
        { 
          pattern : './image-assets/pattern1.png', 
          width : 190, 
          height : 190 
        } 

Aber wenn ich die SVG-Bilder zu erzeugen, die Musterbilder nicht angezeigt werden, weil die svg für die Bilder im Download-Ordner sucht. Wie kann ich die Svg in einem Ordner in meinem Projekt mit nur Javascript speichern (jede andere Methode als PhantomJS Skript. Wenn das die beste Lösung ist, bitte erläutern, wie es geht)?

+0

Wird das SVG offline angezeigt? Warum nicht einen absoluten Pfad zu einem Online-Standort verwenden? –

+0

Es wird offline angezeigt, da die Clients ein Bild im SVG-Format benötigen, das zur PDF-Datei hinzugefügt werden muss. – Janani

Antwort

0

Wenn Sie das Plugin Pattern Fill in Version 2 verwenden, können Sie Muster als SVG Elemente definieren und sie werden exportiert, ohne auf externe Bilddateien verweisen zu müssen.

Sehen Sie die Demo benutzerdefinierte Rüttler sind mit exportieren: http://jsfiddle.net/fzL82mnw/

Andere Option base64 für ein Muster anstelle von URL zu verwenden sein könnte. Um zu sehen, wie base64-Bilder in exportierte SVG eingebettet sind, können Sie boost module demo Diagramme exportieren und Ausgabe-SVG ausmerzen.

Beispiel: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/studies/canvas-area/

Verwandte Themen