Clever Geek Handbook

Pie chart not showing in Chrome / Firefox

I am generating a pie chart from my Crystal Report in HTML format to display in the browser. But the generated HTML displays the pie chart in IE browser, not other browsers like Chrome, Firefox and Opera. Because generated HTML from Crystal report generates below HTML and this browser does not support filer: progid:DXImageTransform.Microsoft.AlphaImageLoader

css property .

HTML generated from Crystal report:

<html>
   <head>
      <meta name="Author" content="Crystal Reports 11.0">
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   </head>
   <body>
      <style>    div {position:absolute; z-index:25}
         a {text-decoration:none}
         a img {border-style:none; border-width:0}
         .adi81ru1gam9ps-0 {border-color:#000000;border-left-width:0;border-right-width:0;border-top-width:0;border-bottom-width:0;}
      </style>
      <div style="z-index:3;clip:rect(0px,1008px,634px,0px);top:0px;left:0px;width:1008px;height:634px;"></div>
      <div class="adi81ru1gam9ps-0" nowrap="true" style="z-index:15;top:0px;left:2px;width:954px;height:619px;">
         <div style="width:954px;height:619px;display:inline-block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src='{AB1B3FFD-B011-40CB-A39A-E1CE1EC51450}{C96C12A1-A23A-41FA-8373-D35B5496BDE2}.png');"></div>
      </div>
   </body>
</html>

To make this work in Chrome or other major browsers, I have to add below CSS to the DIV element:

 background:url(image url);  
-moz-background-size:cover; 
-webkit-background-size:cover; 
 background-size:cover;

We have no control over the HTML that is generated from the crystal report. How can I solve this?

+3


source to share


No one has answered this question yet

Check out similar questions:



More articles:


All Articles