2016-03-27 20 views
0

kullanarak indirmeler klasörü yerine proje klasöründeki bir grafiği kaydeder Desenli bir grafik için svg oluşturmam gerekiyor. Desen dolgu eklentisini kullanarak resim ekledim. i svg görüntüleri oluşturduğunuzda svg indirme klasöründe görüntüleri aradığı içinHighcharts, javascript

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

Fakat, desen görüntüleri görünmez. Projemde sadece javascript (PhantomJS betiğinden başka herhangi bir yöntemle) kullanarak svg'yi bir klasöre nasıl kaydedebilirim. En iyi çözüm budur nasıl yapılacağını aydınlatın.

+0

SVG çevrimdışı olarak görüntülenecek mi? Neden çevrimiçi bir yere mutlak bir yol kullanmıyorsunuz? –

+0

İstemciler pdf'ye eklenmesi gereken bir svg biçimine ihtiyaç duyduğu için çevrimdışı olarak görüntüleniyor. – Janani

cevap

0

Sürüm 2'deki Pattern Fill eklentisini kullanırken, desenleri SVG öğeleri olarak tanımlayabilirsiniz ve dış resim dosyalarına başvurmaya gerek olmadan dışa aktarılırlar.

etkin ihracat ile özel pıtır demo izleyin: http://jsfiddle.net/fzL82mnw/

Diğer seçenek bir desen için base64 yerine url kullanmak olabilir. Base64 görüntülerinin dışa aktarılan SVG'ye nasıl yerleştirildiğini görmek için boost module demo grafiklerini dışa aktarabilir ve SVG çıkışını kaldırabilirsiniz.

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