javascript - highcharts生成后的数据如何获取
怪我咯
怪我咯 2017-04-10 18:05:57
[JavaScript讨论组]

根据data数组里面的值生成了百分比的统计图,pointFormat: '{point.percentage:.1f}%
现在想获取这些生成的百分比的数据.请问该如何获取呢?
$('#container3').highcharts({

            chart: {type:'pie', height:280,width:380, plotShadow: false }
            ,tooltip: {
                pointFormat: '{point.percentage:.1f}%',
                backgroundColor:"#555556",
                borderColor:"#555556",
                style: {color:'#fff',
                    fontSize: '12px',
                    padding: '5px'
                }
            },
            title: {
                text: ''
            },
            legend: {
                enabled: false
            },        
            plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { enabled: false }, showInLegend: true } 
            }, 
            series: [{
            name:' ',
            data: [
                {name:'未知',y:449,color:'#44B549'},
                { name: 'iPhone 6', y: 33,color:"#4A90E2"},
                { name: 'iPhone 6 Plus', y: 24,color:"#EBCB6B"},
                {name: 'Windows 8-Windows 8', y: 22,color:"#BB7FB2"},
                { name: 'iPhone 4S', y: 17,color:"#DA7D2A"},
                { name: 'iPhone 5S(GSM)', y: 15,color:"#FFCE55"},
                { name: 'iPhone 5(GSM)', y: 11,color:"#6ED5E6"},
                { name: 'Apple-iPhone8;2', y: 9,color:"#F57BC1"},
                { name: 'Xiaomi-HM NOTE 1LTEarmeabi-v7a', y: 8,color:"#DCB186"},
                { name: 'Xiaomi-HM NOTE 1Sarmeabi-v7a', y: 8,color:"#647C9D"}
                ]

        });
// $('.highcharts-tooltip text').attr('y',6);
怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(2)
巴扎黑

把data 里的数据直接自己算

ringa_lee

dataLabels: {
                            enabled: true,
                            format: '<b>{point.name}</b>: {point.percentage:.1f} %',
                            style: {
                                color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
                            }
                        },

具体可以参考这个 https://github.com/JackPu/Highcharts-Lea...

Demo: http://codepen.io/Jack_Pu/pen/sywfJ

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

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