Rad Html chart font is not displayinh in Mozila firefox

Thread is closed for posting
3 posts, 0 answers
  1. Bharat
    Bharat avatar
    5 posts
    Member since:
    Apr 2014

    Posted 12 Nov 2014 Link to this post

    I'm using rad html chart in my web site. now when i run my site on mozila fire fox, chart is rendered but without any font. though working perfectly in Chrome

    I Guess problem is <font > tag addded in chart html while running site on firefox.


    This is my Html render of chart.
    http://screencast.com/t/mFXghTGXHj

    <div style="width: 400px; height: 480px" id="general_div" len="5211">
        <div id="ctl00_MainContent_PieChart1" style="height: 480px; width: 400px; position: relative;" data-role="chart" class="k-chart" len="5007">
            <!--?xml version='1.0' ?-->
            <svg style="position: relative; display: block; left: -0.599976px; top: -0.899994px;" height="480px" width="400px" version="1.1" xmlns="http://www.w3.org/2000/svg" len="4643">
                <defs id="k10024" len="326">
                    <radialGradient gradientUnits="userSpaceOnUse" r="103.25" fy="260" fx="152.5" cy="260" cx="152.5" id="k10002">
                        <stop style="stop-color: #fff; stop-opacity: 0.06" offset="0%" />
                        <stop style="stop-color: #fff; stop-opacity: 0.2" offset="83%" />
                        <stop style="stop-color: #fff; stop-opacity: 0" offset="95%" />
                    </radialGradient>
                </defs><path fill="none" stroke-opacity="1" fill-opacity="1" stroke-linejoin="round" stroke-linecap="square" stroke-width="0" stroke="" d="M0 0 400 0 400 480 0 480 z" style="display: block;" len="0" /><path fill="none" stroke-opacity="1" fill-opacity="1" stroke-linejoin="round" stroke-linecap="square" stroke-width="0.1" d="M5.5 45.5 300.5 45.5 300.5 475.5 5.5 475.5 z" style="display: block;" len="0" /><path fill="#fff" stroke-opacity="1" fill-opacity="0" stroke-linejoin="round" stroke-linecap="square" stroke="" d="M5 45 300 45 300 475 5 475 z" data-model-id="k10026" style="display: block;" id="k10025" len="0" /><text fill="#000" style="font: 16px Arial,Helvetica,sans-serif;" fill-opacity="1" y="31" x="83" len="28">Email Campaign Summary Chart</text><g id="k10027" len="0" /><g len="527"><path fill="#3366cc" stroke-opacity="1" fill-opacity="1" stroke-linejoin="round" stroke-linecap="square" stroke-width="0.5" d="M 152.5 156.75 A103.25 103.25 0 0,1 240.365 314.224 L 152.5 260 z" data-model-id="k10030" style="display: block;" id="k10001" len="0" /><path fill="url(#k10002)" stroke-opacity="1" fill-opacity="1" stroke-linejoin="round" stroke-linecap="square" stroke-width="0.5" d="M 152.5 156.75 A103.25 103.25 0 0,1 240.365 314.224 L 152.5 260 z" data-model-id="k10030" style="display: block;" id="k10029" len="0" /></g><g len="531"><path fill="#dc3912" stroke-opacity="1" fill-opacity="1" stroke-linejoin="round" stroke-linecap="square" stroke-width="0.5" d="M 240.365 314.224 A103.25 103.25 0 0,1 85.198 338.301 L 152.5 260 z" data-model-id="k10032" style="display: block;" id="k10000" len="0" /><path fill="url(#k10002)" stroke-opacity="1" fill-opacity="1" stroke-linejoin="round" stroke-linecap="square" stroke-width="0.5" d="M 240.365 314.224 A103.25 103.25 0 0,1 85.198 338.301 L 152.5 260 z" data-model-id="k10032" style="display: block;" id="k10031" len="0" /></g><g len="525"><path fill="#ff9900" stroke-opacity="1" fill-opacity="1" stroke-linejoin="round" stroke-linecap="square" stroke-width="0.5" d="M 85.198 338.301 A103.25 103.25 0 0,1 152.5 156.75 L 152.5 260 z" data-model-id="k10034" style="display: block;" id="k10004" len="0" /><path fill="url(#k10002)" stroke-opacity="1" fill-opacity="1" stroke-linejoin="round" stroke-linecap="square" stroke-width="0.5" d="M 85.198 338.301 A103.25 103.25 0 0,1 152.5 156.75 L 152.5 260 z" data-model-id="k10034" style="display: block;" id="k10033" len="0" /></g><g len="1484"><path fill="none" stroke-opacity="1" fill-opacity="1" stroke-linejoin="round" stroke-linecap="square" stroke-width="0" stroke="" d="M305 210 390 210 390 265 305 265 z" style="display: block;" len="0" /><font><text fill="#000" style="font: 12px Arial,Helvetica,sans-serif; cursor: pointer;" fill-opacity="1" y="227" x="325" data-model-id="k10036" id="k10035" len="4">Open</text><text fill="#000" style="font: 12px Arial,Helvetica,sans-serif; cursor: pointer;" fill-opacity="1" y="242" x="325" data-model-id="k10038" id="k10037" len="8">UnOpened</text><text fill="#000" style="font: 12px Arial,Helvetica,sans-serif; cursor: pointer;" fill-opacity="1" y="257" x="325" data-model-id="k10040" id="k10039" len="6">Bounce</text></font>
                    <path fill="#3366cc" stroke-opacity="1" fill-opacity="1" stroke-linejoin="round" stroke-linecap="square" stroke-width="1" stroke="#3366cc" d="M310.5 219.5 318.5 219.5 318.5 226.5 310.5 226.5 z" data-model-id="k10036" style="display: block; cursor: pointer;" len="0" />
                    <path fill="#dc3912" stroke-opacity="1" fill-opacity="1" stroke-linejoin="round" stroke-linecap="square" stroke-width="1" stroke="#dc3912" d="M310.5 234.5 318.5 234.5 318.5 241.5 310.5 241.5 z" data-model-id="k10038" style="display: block; cursor: pointer;" len="0" />
                    <path fill="#ff9900" stroke-opacity="1" fill-opacity="1" stroke-linejoin="round" stroke-linecap="square" stroke-width="1" stroke="#ff9900" d="M310.5 249.5 318.5 249.5 318.5 256.5 310.5 256.5 z" data-model-id="k10040" style="display: block; cursor: pointer;" len="0" />
                </g><font><text fill="#000" style="font: 12px Arial,Helvetica,sans-serif;" fill-opacity="1" y="235" x="186" data-model-id="k10030" id="k10041" len="6">33.8 %</text><text fill="#000" style="font: 12px Arial,Helvetica,sans-serif;" fill-opacity="1" y="323" x="143" data-model-id="k10032" id="k10042" len="6">27.5 %</text><text fill="#000" style="font: 12px Arial,Helvetica,sans-serif;" fill-opacity="1" y="243" x="78" data-model-id="k10034" id="k10043" len="6">38.7 %</text></font></svg>
            <div style="display: none; position: absolute; font: 12px Arial,Helvetica,sans-serif; border: 1px solid; opacity: 1; filter: alpha(opacity=100);" class="k-tooltip" len="0"></div>
        </div>
    </div>

  2. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1494 posts

    Posted 14 Nov 2014 Link to this post

    Hello Bharat,

    If you are not using latest Telerik UI version - 2014.3.1024, does upgrading to it resolve the issue? If this step, however, do not help could you please try paste the chart's setup below, so that I can make an investigation locally?

    Regards,
    Danail Vasilev
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Bharat
    Bharat avatar
    5 posts
    Member since:
    Apr 2014

    Posted 27 Nov 2014 in reply to Danail Vasilev Link to this post

    okay i found problem. actually earlier i was using Bing translator api in javascipt.  so i removed that javascipt code. now it is working correctly in firefox and all other browser
Back to Top