PygalチャートがInternet Explorer 11で動作しない

Question

PygalチャートをInternet Explorer 11でBase 64 URIとして動作させる方法を理解できないようです。実際、Internet Explorer 11のPygal Documentation（http://www.pygal.org/en/stable/）彼らのチャートのどちらかがIE上で動作します。

誰かが回避策を知っていますか？

グラフをどのようにレンダリングするかを示すために、いくつかのサンプルコードを添付しました。

HTML：

<div class="clearfix"></div> 
     <div class="row"> 
      <div class="col-md-6 col-sm-6 col-xs-12"> 
      <div class="x_panel"> 
       <div class="x_title"> 
       <h2>Chart</h2> 
       <ul class="nav navbar-right panel_toolbox"> 
        <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a> 
        </li> 
        </li> 
        <li><a class="close-link"><i class="fa fa-close"></i></a> 
        </li> 
       </ul> 
       <div class="clearfix"></div> 
       </div> 
       <div class="x_content"> 
       <embed type="image/svg+xml" src={{chart|safe}} style='width:100%'/> 
       </div> 
      </div> 
      </div> 

のinitの.py：私はa sample chart at pygal.orgを訪問し、devのツールでソースコードを検査

line_chart = pygal.Line() 
line_chart.title = 'Browser usage evolution (in %)' 
line_chart.x_labels = map(str, range(2002, 2013)) 
line_chart.add('Firefox', [None, None, 0, 16.6, 25, 31, 36.4, 45.5, 
46.3, 42.8, 37.1]) 
line_chart.add('Chrome', [None, None, None, None, None, None, 0, 3.9, 
10.8, 23.8, 35.3]) 
line_chart.add('IE',  [85.8, 84.6, 84.7, 74.5, 66, 58.6, 54.7, 44.8, 
36.2, 26.6, 20.1]) 
line_chart.add('Others', [14.2, 15.4, 15.3, 8.9, 9, 10.4, 8.9, 5.8, 
6.7, 6.8, 7.5]) 
line_chart.render_data_uri() 

return render_template("html.html", chart = chart) 

Answer 1

。代わりに

<embed src="data-uri...."/> 

の 使用

<img src="data-uri....." alt="chart title"/> 

IEがセキュリティゾーンと制限オブジェクトを使用することができます埋め込むMIMEタイプを持っています。埋め込みタグには、MIMEタイプと一致するsrc属性とtype属性の両方が必要です。 <img>要素はクリック可能です。ユーザーは右クリックしてチャートイメージをクリップボードにコピーできます。