highcharts饼状示例
来源:互联网 发布:数据库系统概念中文版 编辑:程序博客网 时间:2024/06/11 06:58
我在模版文件中调用highcharts官网的饼状代码,但是其中 xxx:.1f 显示不出来数据,具体原因不知道是怎么回事,官网上可以,我用就不可以,难道人品问题吗,下面有我的解决办法:
在模版文件调用highcharts.js文件
饼状图:
<div id="alliance_percent" style="width:100%; height: 500px;"></div>
<script type="text/javascript">$(document).ready(function(){
var chart = new Highcharts.Chart({
chart: {
renderTo: 'alliance_percent',
type:'pie',
},
title: {
text: '各渠道金额占百分比'
},
credits:{//右下角的文本
enabled: false,
},
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ Highcharts.numberFormat(this.percentage, 2) +'%';
}
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
depth: 35,
dataLabels: {
color:'black',
enabled: true,
formatter:function(){
return '<b>'+this.point.name+'</b>:'+this.point.percentage.toFixed(2)+"%";
}
},
showInLegend: true
}
},
series: [{
type: 'pie',
name: 'Browser share',
data: [
['苹果',2.56],
['香蕉',5.60],
['梨子',1.60]
]
}]});
});
</script>
例子:
0 0
- highcharts饼状示例
- [Highcharts] 初识Highcharts 饼状图示例
- highcharts示例和使用
- Highcharts使用二示例
- highcharts使用示例
- JavaScript:highcharts示例
- PHP+mysql+Highcharts实现饼状统计图
- PHP+mysql+Highcharts实现饼状统计图
- Highcharts+PHP+Mysql生成饼状统计图
- highcharts日期型X轴示例
- Highcharts绘制饼图
- Highcharts绘制饼图
- Highcharts绘制饼图
- Highcharts绘制饼图
- highcharts
- HighCharts
- highcharts
- Highcharts
- 深入理解HTTP Session
- 第十八篇 设计模式--状态模式
- vimrc
- CCS 3.3中统计程序运行的时间
- Algorithm Gossip: m元素集合的n个元素子集
- highcharts饼状示例
- C#基础学习之【2】数据类型
- Android DiskLruCache完全解析,硬盘缓存的最佳方案
- 关键字const static 以及extern(export)
- HTML5 学习----------视频上手操作
- CSS中强大的EM
- 【转载】解决input file 的onchange事件只生效一次的问题
- FFMPEG实现的转码程序
- matlab 中imshow的用法