IE 7-8中的浮点渲染 - 图表标签字体错误

时间：2012-04-22 18:08:46

标签： canvas internet-explorer-8 charts internet-explorer-7 flot

我很困惑为什么在我的网络应用程序Flot渲染标签字体非常奇怪，（见图表旁边的屏幕截图标签），而在查看Flot示例时，它们在同一浏览器中呈现得很好（即7和8模式）。

任何帮助都将不胜感激。

- 字体应该是sans-serif。

enter image description here

以下是我的页面标题，例如：

头

<!doctype html>
<html>
    <head><script type="text/javascript">var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);</script>
            <title>Acme Inc. Contact Cloud</title>
            <meta name="description" content="View 's complete contact details on ContactMonkey.com." >
            <meta name="robots" content="noindex,noarchive,nofollow" />
                <link rel="icon" type="image/png" href="/system/favicons/45/original/favicon.png?1329843127" />
            <link href="/stylesheets/whitelabel.css?1335117438" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/autoSuggest.css?1335117438" media="screen" rel="stylesheet" type="text/css" />
                <link rel="stylesheet" href="/stylesheets-clients/acme.css" type="text/css" />
        <link href="/stylesheets/anythingslider.css?1335117438" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/colorbox.css?1335117438" media="screen" rel="stylesheet" type="text/css" />
        <!--[if lte IE 9]><script src="/javascripts/flot/excanvas.min.js?1335117438" type="text/javascript"></script><![endif]-->
        <script src="/javascripts/flot/excanvas.min.js?1335117438" type="text/javascript"></script>
        <script src="/javascripts/jquery.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.colorbox-min.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery-ui-min.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/application.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/application_new.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery_ujs.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/form_validations.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/css_browser_selector.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.form.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.remotipart.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.infieldlabel.min.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.cookie.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.livequery.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.autogrow.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/si.files.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.anythingslider.fx.min.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.anythingslider.min.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.easing.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.keyfilter.min.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.cycle.min.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.autoSuggest.packed.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/edit_card_modal.js?1335117438" type="text/javascript"></script>
<script src="/javascripts/jquery.resize.min.js?1335117438" type="text/javascript"></script>

页面特定脚本：

<link href="/stylesheets/charts.css?1335117438" media="screen" rel="stylesheet" type="text/css" />
    <script src="/javascripts/underscore.js?1335117438" type="text/javascript"></script>
    <script src="/javascripts/flot/jquery.flot.js?1335117438" type="text/javascript"></script>
    <script src="/javascripts/flot/jquery.flot.categories.js?1335117438" type="text/javascript"></script>
    <script src="/javascripts/flot/jquery.flot.stack.js?1335117438" type="text/javascript"></script>
    <script src="/javascripts/charts.js?1335117438" type="text/javascript"></script>

1 个答案:

答案 0 :(得分：0)

问题在于将库文本呈现为IE 6-8兼容文本的库。除了将文本呈现为纯文本，并切换到不同的图表库之外，我没有解决方案。

相关问题
最新问题