1

我使用highcharts显示日期，现在我生成如下js代码：

$(function () {
    var chart;
    $(document).ready(function () {
            chart = new Highcharts.Chart({
                    chart: {
                        renderTo: 'container',
                        type: 'column',
                        borderWidth: 1
                    },
                    title: {
                        text: '终端类型统计'
                    },
                    xAxis: {
                        categories: ['Apple', 'Samsung Electronics Co.,Ltd', 'HTC Corporation', 'Hon Hai Precision Ind. Co.,Ltd.', 'Intel Corporate', 'Xiaomi Technology,Inc.', 'Liteon Technology Corporation', 'Huawei Technologies Co., Ltd', 'Murata Manufactuaring Co.,Ltd.', 'Azurewave Technologies, Inc.', 'Huawei Device Co., Ltd', 'zte corporation', 'Lenovo Mobile Communication Technology Ltd.', 'GUANGDONG OPPO MOBILE TELECOMMUNICATIONS CORP.,LTD.', 'Azurewave', 'XIAOMI CORPORATION', 'Sony Ericsson Mobile Communications AB', 'Yulong Computer Telecommunication Scientific(shenzhen)Co.,Lt', 'AcSiP Technology Corp.', 'BBK Electronics Corp., Ltd.', '其他'],
                        labels: {
                            rotation: -25,
                            align: 'right',
                            style: {
                                fontSize: '13px',
                                fontFamily: 'Verdana, sans-serif'
                            }
                        }
                    },
                    yAxis: {
                        title: {
                            text: '数据统计'
                        }
                    },
                    plotOptions: {
                        column: {
                            colorByPoint: true,
                            dataLabels: {
                                enabled: true,
                                rotation: -90,
                                y: 25,
                                color: '#F4F4F4',
                                formatter: function () {
                                    return Highcharts.numberFormat(this.y, 0);
                                },
                                x: 10,
                                style: {
                                    fontWeight: 'bold'
                                }
                            }
                        }
                    },
                    lang: {
                        decimalPoint: '.',
                        downloadPNG: '下载PNG图片',
                        downloadJPEG: '下载JPG图片',
                        downloadPDF: '下载PDF文件'
                    },
                    series: [{
                            showInLegend: false,
                            data: [581476, 407696, 277894, 247696, 168586, 138802, 126082, 93168, 76234, 51568, 51512, 50654, 49026, 47092, 44944, 43188, 41268, 40900, 39408, 38172, 580090],
                            dataLabels: {
                                enabled: true,
                                rotation: -90,
                                color: '#FFFFFF',
                                align: 'right',
                                x: -3,
                                y: 10,
                                formatter: function () {
                                    return this.y;
                                },
                                style: {
                                    fontSize: '13px',
                                    fontFamily: 'Verdana, sans-serif'
                                }
                            }
                        }
                    ]
                });
        });
})

它应该像这样显示，但在我的页面中，它 [display like this] in ie 8 ( https://i.minus.com/irfUdeWCLEGPD.png )！有任何想法吗？
ps：、：在FireFox下可以正常使用。

4

1 回答 1

0

如果 Fiddle 有效，请仔细检查您的代码，因为在这种情况下很难提供帮助。检查您的 chrome 控制台或 firebug，并确保您页面上的其他 javascript 代码没有干扰。

根据http://json.parser.online.fr/您在图中使用的 JSON 对象是可以的。至少我在其中找不到任何奇怪的东西......你使用相同的 Highcharts 版本吗？

于 2013-05-27T10:22:35.333 回答