0

我的 HighCharts 饼图不仅在 IE 中呈现，而且在 Chrome、FF、Opera 和 safari 中正确呈现。但问题出在我的 IE9 上。我已经阅读了 stackoverflow 中的帖子，并相应地更正了我的代码，即使我没有运气。下面是我的示例 .js 代码

$(function () {
    var chart;

    $(document).ready(function () {

        // Build the chart
        $('#Chart').highcharts({
            chart: {
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false
            },
            title: {
                text:'Time-Off Request'
            },
            tooltip: {
                pointFormat: '{series.name}: <b>{point.percentage}%</b>',
                percentageDecimals: 2

            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: false
                    },
                    showInLegend: true

                }
            },
            series: [{
                type: 'pie',
                name: 'Time-Off Request Details',
                data: [
                    ['Vacation', 45.0],
                    ['Time-Off', 26.8],
                    ['Sick Time',12.8],
                    ['Personal', 8.5],
                    ['Bereavement', 6.2],
                    ['Others', 0.7]
                ]
            }]
        });
    });

});

这是我试图呈现饼图的 Html div

<div id="Chart">
</div>

有人可以指出我做错了什么吗

4

1 回答 1

0

我已经在 jsfiddle 中复制了您的示例，并且一切正常。

http://jsfiddle.net/z3fZv/ http://jsfiddle.net/z3fZv/show

$(function () {
    var chart;

    $(document).ready(function () {

        // Build the chart
        $('#Chart').highcharts({
            chart: {
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false
            },
            title: {
                text:'Time-Off Request'
            },
            tooltip: {
                pointFormat: '{series.name}: <b>{point.percentage}%</b>',
                percentageDecimals: 2

            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: false
                    },
                    showInLegend: true

                }
            },
            series: [{
                type: 'pie',
                name: 'Time-Off Request Details',
                data: [
                    ['Vacation', 45.0],
                    ['Time-Off', 26.8],
                    ['Sick Time',12.8],
                    ['Personal', 8.5],
                    ['Bereavement', 6.2],
                    ['Others', 0.7]
                ]
            }]
        });
    });

});

你有最新的 highcharts 版本吗？

于 2013-04-16T07:49:24.903 回答