2016-05-04 4 views
0

私はSapui5でd3を使ってベン図を作成しました。 注:タグ内の円を作成し、内側のタグは円のスタイリングにタグを使用しています。sapui5をクリックしてd3チャートをダウンロード

ボタンをクリックすると、svgをダウンロードして見ることができます。 SVG Image

スタイルは表示されません。

私はこのようにやっているのいずれかがこの問題を解決するために私を助けることができる

d3.select("#save").on("click", function(){ 
    var html = d3.select("svg") 
     .attr("version", 1.1) 
     .attr("xmlns", "http://www.w3.org/2000/svg") 
     .node().parentNode.innerHTML; 

    console.log(html); 
    //var imgsrc = 'data:image/svg+xml;base64,'+ btoa(html); 
    //var img = '<img src="'+imgsrc+'">'; 
    //d3.select("#svgdataurl").html(img); 

}); 

をonclickの。

+0

あなたの質問が正確にはわかりません。 [尋ねる] –

答えて

1

スタイルはSVGドキュメントに含まれていないため表示されません。 <style>タグをSVGに含めることができます(MDN参照)。

具体的には、このダイアグラムのCSSルールを別のファイルに指定して、保存時にフェッチしてダウンロードする前にSVGに組み込むことができます。

0

sapui5とは関係ありません。この.attr("fill", "red"); or .style("fill","red")と同様のスタイルをsvgに追加することができます。これには、thisがあります。

関連する問題