highcharts饼状示例

我在模版文件中调用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>

例子:


  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值