这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 Javascript highcharts 饼图显示数量和百分比实例代码的相关资料, 这里附有实例代码,需要的朋友可以参考下
Javascript highcharts 饼图显示数量和百分比实例代码
最近公司项目需求有这样一个功能模块,highcharts 饼图显示数量和百分比 ,由于本人刚入门,看到这个需求不会写,于是就上网搜下相关资料,觉得一篇还不错记录下。
- <div class="piecleft" id="chart" style="height:350px; width: 350px;">
- </div>
- <script type="text/javascript" charset="utf-8">
- var chart;
- $(document).ready(function() {
- chart = new Highcharts.Chart({
- chart: {
- renderTo: 'chart'
- },
- title: {
- text: '版本分布分析'
- },
- plotArea: {
- shadow: null,
- borderWidth: null,
- backgroundColor: null
- },
- tooltip: {
- formatter: function() {
- return '<b>'+ this.point.name +'</b>: '+ Highcharts.numberFormat(this.percentage, 1) +'% ('+
- Highcharts.numberFormat(this.y, 0, ',') +' 个)';
- }
- },
- plotOptions: {
- pie: {
- allowPointSelect: true,
- cursor: 'pointer',
- dataLabels: {
- enabled: true,
- formatter: function() {
- if (this.percentage > 4) return this.point.name;
- },
- color: 'white',
- style: {
- font: '13px Trebuchet MS, Verdana, sans-serif'
- }
- }
- }
- },
- legend: {
- backgroundColor: '#FFFFFF',
- x: 0,
- y: -30
- },
- credits: {
- enabled: false
- },
- series: [{
- type: 'pie',
- name: 'Browser share',
- data: [
- ['1.1',3617],
- ['1.2.1',3436],
- ['1.0',416],
- ['1.3',2],
- ['1.2',1],
- ['新增对比',5000]
- ]
- }]
- });
- });
- </script>
来源: http://www.phperz.com/article/17/0512/329846.html