Pygal Charts funktioniert nicht auf Internet Explorer 11

Question

Ich kann nicht herausfinden, wie meine Pygal Charts als Base 64 URI Arbeit auf IE 11 gerendert zu machen. In der Tat, beim Besuch der Pygal Dokumentation (http://www.pygal.org/en/stable/) auf IE 11 keine ihrer Diagramme arbeiten entweder auf IE.

Kennt jemand eine Problemumgehung?

Ich habe unten einen Beispielcode angehängt, um zu zeigen, wie ich das Diagramm rendere.

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:

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

ich a sample chart at pygal.org besucht und inspiziert den Quellcode mit dem Entwickler-Tool. Verwenden

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

statt

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

IE hat Sicherheitszonen und Einschränkungen des mime-Typen, die Objekte einbetten können verwendet werden. Einbettungs-Tags benötigen sowohl die Attribute src als auch type, um Mime-Typen zu entsprechen. Elemente sind anklickbar ... Benutzer können mit der rechten Maustaste klicken und das Diagrammbild in ihre Zwischenablage kopieren.