Pygal 차트가 Internet Explorer 11에서 작동하지 않습니다.

Question

Internet Explorer 11에서 Pygal 문서 (http://www.pygal.org/en/stable/)를 방문 할 때 실제로 Pygal 차트를 Internet Explorer 11에서 Base 64 URI로 사용할 수 없습니다. 그들의 차트 중 하나는 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> 

초기화 평 : 나는 a sample chart at pygal.org을 방문하여 개발 도구와 소스 코드를 검사

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는 보안 영역 및 제한 개체를 사용할 수 있습니다 포함 마임 - 유형이 있습니다. embed 태그는 src 및 type 속성이 모두 MIME 유형과 일치해야합니다. <img> 요소를 클릭 할 수 있습니다. 마우스 오른쪽 버튼을 클릭하고 차트 이미지를 클립 보드에 복사 할 수 있습니다.