HighCharts柱状图显示百分比

标签: highCharts 柱状图 百分比
4789人阅读 评论(1) 收藏 举报
分类:

HighCharts柱状图没有提供显示百分比的API,只有饼图和堆叠柱状图能显示,调用接口是this.percentage。普通的柱状图想要在柱状图上面显示百分比需要调用formatter格式化输出百分比。

plotOptions: {
    column: {
        dataLabels: {
            enabled: true,  //显示数量提示
            color: '#000000',
            formatter : function() {
                a = this.y/data.total*100;    //a为当前柱状图y轴值除以总数然后乘以100
                return a.toFixed(2) + "%"+"<br/>"+this.y+"个";  //返回百分比和个数
            }
        }
    }
}

普通柱状图显示百分比

查看评论

Highcharts

-
  • 1970年01月01日 08:00

highcharts图表小例子,实现X轴只显示起点终点刻度,Y轴百分比显示

先上效果图: $(function(){ /*图表部分*/ var data = [29.9, 21.5, 26.4, 29.2, 24.0, 36.0, 35.6, 4...
  • cysear
  • cysear
  • 2015-11-09 13:28:28
  • 6255

Highcharts 中给图例加百分比

$('#chart').highcharts({ chart: { plotBackgroundColor: null, ...
  • qq_17255515
  • qq_17255515
  • 2016-01-26 14:58:01
  • 4747

Highcharts应用--百分比条形图

Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。HighCh...
  • u010069853
  • u010069853
  • 2017-05-05 10:27:42
  • 530

highcharts 饼图显示数量和百分比

div class="piecleft" id="chart" style="height:350px; width: 350px;"> div> script type="text/javasc...
  • linfanhehe
  • linfanhehe
  • 2013-09-23 18:41:02
  • 17066

Python绘制双柱状图并显示数值

#定义函数来显示柱状上的数值 def autolabel(rects):     for rect in rects:         height = rect.get_height()  ...
  • weixin_40198632
  • weixin_40198632
  • 2017-12-20 23:04:27
  • 1479

highcharts使用之柱形图和折线图混合图上显示数值

柱形图和折线图混合图上显示数值 var plotOptions = {                 column: { dataLabels: { enabled: true, style...
  • BangSong
  • BangSong
  • 2017-05-24 15:28:33
  • 2832

漂亮实用的图表API:Highcharts 纯js实现

  • 2011年11月28日 22:36
  • 1.11MB
  • 下载

Echarts bar图标怎么显示百分比

打开链接:http://echarts.baidu.com/echarts2/doc/example/bar14.html 将代码更改为如下代码: option = { title: { ...
  • u011019141
  • u011019141
  • 2016-10-13 10:17:04
  • 21475

highcharts柱状图的高度跟柱状图上方显示的数字、提示框没关系

1、柱状图的高度跟柱状图上方显示的数字、提示框没关系(因为后台传过来的数据间隔太小) var _xaxis = ['1', '2', '3', '4', '5', '6', '7', '8', '9...
  • github_39051926
  • github_39051926
  • 2017-09-18 17:06:27
  • 2052
    个人资料
    等级:
    访问量: 6万+
    积分: 829
    排名: 6万+
    最新评论