Internet Explorer内容显示问题

时间:2018-04-18 11:06:49

标签: javascript jquery html internet-explorer

IE版本:11.309.16299.0

加载网页时,某些内容不可见:

Image with no content

但是当我按住鼠标左键并拖动鼠标选择区域时,内容变得可见:

enter image description here

我使用的图表是Google Chart。

google.charts.load("current", {
    packages: ["corechart"]
});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {
    var store = 12;
    var web = 88;
    var disabledColor = "#417505";
    if (store == 0 && web == 0) {
        store = 100;
        disabledColor = "#9B9B9B";
    }
    var data = google.visualization.arrayToDataTable([
        ['', ''],
        ['Store', store],
        ['Web', web],
    ]);

    var options = {
        height: 130,
        width: 130,
        pieHole: 0.4,
        legend: 'none',
        colors: [disabledColor, '#9B9B9B'],
        chartArea: {
            left: 20,
            top: 15,
            width: "80%",
            height: "80%"
        },
        'tooltip': {
            trigger: 'none'
        },
        enableInteractivity: false,
        pieSliceBorderColor: "transparent",
        pieSliceText: "none",
        animation: {
            duration: 1000,
            easing: 'out'
        },
    };
    var chart = new google.visualization.PieChart(document.getElementById('donutchart'));
    google.visualization.events.addListener(chart, 'ready', function() {
        // do stuff when the chart is done drawing

    });
    chart.draw(data, options);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

<div id="donutchart" style="position: relative; left: 14px;">
                                </div>

0 个答案:

没有答案