Highcharts最新版本的饼状图，填某些数据时百分比不能显示出来。该如何处理-JavaSript-爱易网页

Highcharts最新版本的饼状图，填某些数据时百分比不能显示出来。该如何处理

日期：2014-05-16　浏览次数：20432 次

Highcharts最新版本的饼状图，填某些数据时百分比不能显示出来。

HTML code

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Highcharts Example</title>
        
        
        <!-- 1. Add these JavaScript inclusions in the head of your page -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
        <script type="text/javascript" src="../js/highcharts.js"></script>
        
        <!-- 1a) Optional: add a theme file -->
        <!--
            <script type="text/javascript" src="../js/themes/gray.js"></script>
        -->
        
        <!-- 1b) Optional: the exporting module -->
        <script type="text/javascript" src="../js/modules/exporting.js"></script>
        
        
        <!-- 2. Add the JavaScript to initialize the chart on document ready -->
        <script type="text/javascript">
        
            var chart;
            $(document).ready(function() {
                chart = new Highcharts.Chart({
                    chart: {
                        renderTo: 'container',
                        plotBackgroundColor: null,
                        plotBorderWidth: null,
                        plotShadow: true
                    },
                    title: {
                        text: 'Browser market shares at a specific website, 2010'
                    },
                    tooltip: {
                        formatter: function() {
                            return '<b>'+ this.point.name +'</b>: '+ this.y +' %';
                        }
                    },
                    plotOptions: {
                        pie: {
                            allowPointSelect: true,
                            cursor: 'pointer',
                            dataLabels: {
                                enabled: true,
                                color: '#000000',
                                connectorColor: '#000000',
                                formatter: function() {
                                    return '<b>'+ this.point.name +'</b>: '+ this.y +' %';
                                }
                            }
                        }
                    },
                    series: [{
                        type: 'pie',
                        name: 'Browser share',
                        data: [
                            ['Firefox',   25],
                            ['IE',       75],

                        ]
                    }]
                });
            });
                
        </script>
        
    </head>
    <body>
        
        <!-- 3. Add the container -->
        <div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>
        
                
    </body>
</html>

在这个位置data: [
['Firefox', 25],
['IE', 75],
]
填25与75就不能把百分比显示出来
而25与23就可以，请问这是为什么呢？

------解决方案--------------------
呃~·看不出所以然，具体得看这个方法的源码~·
------解决方案--------------------
呵呵图的问题一般都挺复杂的就算扒拉源码也得看一阵子何况还是jquery 等高人吧~~~
------解决方案--------------------
下面代码能运行，75后面有逗号也可以，但在其它浏览器可能不允许这样（比如FF），所以最好规范些

HTML code

<script type="text/javascript">
var chart;
$(document).ready(function() {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            plotBackgro

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

Highcharts最新版本的饼状图，填某些数据时百分比不能显示出来。该如何处理

相关资料更多>

推荐阅读更多>