87,907
社区成员
发帖
与我相关
我的任务
分享Highcharts最新版本的饼状图，填某些数据时百分比不能显示出来。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Highcharts Example</title>
<!-- 1. Add these JavaScript inclusions in the head of your page -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="../js/highcharts.js"></script>
<!-- 1a) Optional: add a theme file -->
<!--
<script type="text/javascript" src="../js/themes/gray.js"></script>
-->
<!-- 1b) Optional: the exporting module -->
<script type="text/javascript" src="../js/modules/exporting.js"></script>
<!-- 2. Add the JavaScript to initialize the chart on document ready -->
<script type="text/javascript">
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: true
},
title: {
text: 'Browser market shares at a specific website, 2010'
},
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.y +' %';
}
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
color: '#000000',
connectorColor: '#000000',
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.y +' %';
}
}
}
},
series: [{
type: 'pie',
name: 'Browser share',
data: [
['Firefox', 25],
['IE', 75],
]
}]
});
});
</script>
</head>
<body>
<!-- 3. Add the container -->
<div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>
</body>
</html>
在这个位置data: [
['Firefox', 25],
['IE', 75],
]
填25与75就不能把百分比显示出来
而25与23就可以，请问这是为什么呢？
...全文
请发表友善的回复…
发表回复
马哲_冬日阳光 2012-07-06
- 打赏
- 举报
把75、25 。用parseFloat()转换一下。赋值应该为Number或float类型。这样就OK了。我试过。
zghyy 2012-06-01
- 打赏
- 举报
这个问题很无语？把75放前面 25放后面就可以！
reciment 2011-07-30
- 打赏
- 举报
LZ共享下解决方法啊
王奇 2011-07-29
- 打赏
- 举报
还是不行。不过谢谢了
碧海情天-赵亮 2011-07-26
- 打赏
- 举报
下面代码能运行，75后面有逗号也可以，但在其它浏览器可能不允许这样（比如FF），所以最好规范些
<script type="text/javascript">
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text: 'theforever_csdn Highcharts demo-pie chart'
},
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.y +' %';
}
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
color: '#000000',
connectorColor: '#000000',
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.y +' %';
}
}
}
},
series: [{
type: 'pie',
name: 'Browser share',
data: [
['Firefox', 25],
['IE', 75],
]
}]
});
});
</script>碧海情天-赵亮 2011-07-26
- 打赏
- 举报
['IE', 75],
这个后面不应该再有逗号
这个后面不应该再有逗号
豆虫 2011-07-26
- 打赏
- 举报
呵呵 图的问题一般都挺复杂的 就算扒拉源码 也得看一阵子 何况还是jquery 等高人吧~~~
MuBeiBei 2011-07-26
- 打赏
- 举报
呃~·看不出所以然，具体得看这个方法的源码~·
