<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>
- 浏览: 763369 次
- 性别:
- 来自: 北京
最新评论
-
liyonghui160com:
RAYFUXK 写道您好,我最近也在使用Canal,但是遇到了 ...
canal使用配置详解 -
xinglianxlxl:
订阅发布对我有用
redis-2.8.13 jedis实现订阅发布-publish/subscribe -
liyonghui160com:
这个不能按照一条一条的读取数据。使用需要完善。
flume文件监控的source,支持断点续传功能 -
RAYFUXK:
您好,我最近也在使用Canal,但是遇到了一个问题。ERROR ...
canal使用配置详解 -
yicong:
非常感谢!发现github里面的log4net版本太 ...
Zookeeper .Net客户端代码
相关推荐
主要介绍了Javascript highcharts 饼图显示数量和百分比实例代码的相关资料,这里附有实例代码,需要的朋友可以参考下
highcharts饼图字段过长超出解决,代码明了,操作简单
highcharts简单的饼图demo,按照需求更改
利用highCharts绘制饼图和柱状图
highcharts 与 struts2 完美整合,解决部分新手对于操作highcharts的误区,本例子无需连接数据库,在strust2 Action中创建模拟数据,以json的方式返回到前台js,highcharts通过解析json,进而完成数据的装配,且可以...
一个页面,两个双饼图,至于双饼图长什么样,自己去官网查看
Highcharts 写 venn图 (韦恩图),以及解决项目中venn的报错,Highcharts 写 venn图 鼠标悬浮效果以及点击事件
NULL 博文链接:https://201108223725.iteye.com/blog/2173123
Highcharts 饼图 下表列出了 Highcharts 不同类型的饼图: 序号 图表类型 1 基本饼图 2 显示图例饼图 3 圆环图 4 半圈圆环图 5 向下钻取饼图 6 渐变饼图 7 单色饼图
本文实例讲述了jQuery插件HighCharts绘制2D饼图效果。分享给大家供大家参考,具体如下: 1、实例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>HighCharts 2D...
您可能感兴趣的文章:js canvas仿支付宝芝麻信用分仪表盘ECharts仪表盘实例代码(附源码下载)jquery插件canvaspercent.js实现百分比圆饼效果Javascript highcharts 饼图显示数量和百分比实例代码JavaS
本篇文章主要介绍了在Vue中使用highCharts绘制3d饼图的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
带例子,将原来单色变为渐变色,运行电脑时间,不超过2015年1月
php饼图 jquery饼图 highcharts
通过此方法可以实现 highcharts 和 数据库交互。 参考资料: http://blog.csdn.net/taomanman/article/details/6325942。 内附 代码效果截图
报表显示 highcharts 报表显示 highcharts 报表显示 highcharts
使用highcharts实现饼图和曲线图的展示
ASP.NET 做的3D饼图。 可以2D、3D互转换。 具体代码自己可以看下,做适当的修改。 只是把代码贴出来了。