最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery插件HighCharts绘制2D半圆环图效果示例
时间:2017-06-13 编辑:简简单单 来源:一聚教程网
1、实例代码:
代码如下 | 复制代码 |
$(function(){ $('#halfDonutChart').highcharts({ chart: { plotBackgroundColor:'#878788', plotBorderWidth:'50px', plotShadow:true }, title: { text:'2014年3月第一周人数分布情况', align:'center', verticalAlign:'middle', y: 100 }, tooltip: { pointFormat:'{series.name}: {point.percentage:.1f}%' }, plotOptions: { pie: { dataLabels: { enabled:true, distance: -80, style: { fontWeight:'bold', fontSize:'16px', color:'white', textShadow:'0px 1px 2px black' } }, startAngle: -90, endAngle: 90, center: ['50%','75%'] } }, series: [{ type:'pie', name:'人数比例', innerSize:'50%', data: [ ['星期一', 878454], ['星期二', 542155], ['星期三', 415542], ['星期四', 651212], ['星期五', 874545], ['星期六', 326566], ['星期日', 984545] ] }] }); });
|
2、运行效果图:
-
上一个: javascript 秒表计时器实现代码
-
下一个: js实现显示手机号码效果