javascript - highcharts饼状图百分比显示的数据和写的不同
阿神
阿神 2017-04-10 17:15:38
[JavaScript讨论组]
hi![图片描述][1]ghcharts饼状图百分比显示的数据和写的不同`图片描述`
<html>
<head>
<title>Highcharts Tutorial</title>
<meta charset="utf-8">
   <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
 <script src="http://code.highcharts.com/highcharts.js"></script>
</head>
<body>
<p id="abattoir" style="width: 360px; height: 150px; margin: 0 auto"></p>
<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Highcharts Example</title>
 
      
       
    </head>
    <body>
        
        <p id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></p>
         <script type="text/javascript">
            $(function () {
                $('#container').highcharts({
                    credits:{
                           enabled:false
                        },
                        

                    chart: {
                        plotBackgroundColor: null,
                        plotBorderWidth: null,
                        plotShadow: false
                    },
                    colors:[
                        'red',
                        'blue',
                        '#bae9ff',
                       
                      ],
                    title: {
                        text: false
                    },
                    tooltip: {
                        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
                    },
                    plotOptions: {
                        pie: {
                            allowPointSelect: true,
                            cursor: 'pointer',
                            dataLabels: {
                                enabled: true,
                                color: '#000000',
                                connectorColor: '#000000',
                                format: '<b>{point.name}</b>: {point.percentage:.2f} %'
                            }
                        }
                    },
                    series: [{
                        type: 'pie',
                        name: 'B',
                        data: [
                            ['Firefox',   45.0],
                            ['IE',       25.8],
                            ['sdvsd',      5.49],
                        ]
                    }]
                });
            });
        </script>

    </body>
</html>
</script>
</body>
</html>
阿神
阿神

闭关修行中......

全部回复(0)
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号