dongzi0602 2018-08-03 18:12
浏览 103
已采纳

不是在HighCharts的列上显示数字

I'm using highcharts for generate my reports, but, an little problem for showing the numbers at columns from highchart... In fact, two problems..

First problem:

Problem with numbers in inside columns

Second Problem: enter image description here

This are problems is occurring of form random...

If you look at the first example has all the numbers at the top of the columns ... And the second example has all the values inside the columns, however, with problem to display the values at the top of the column.

I would like to know if there is any possibility of forcing the Highcharts API to display this data at all times.

Example Chart:

chart = new Highcharts.Chart({"chart":{"renderTo":"adwords_leads_all_94-3088","type":"column"},"title":{"text":"Leads AdWords - Convers\u00e3o - (Call Tracking | Chatbot | Formul\u00e1rio)"},"colors":["#68a9dc","#005a64","#003f23","#e4452b","#65c07f","#004b76","#6ecbd6","#ff7754","#83ccb0","#007b5a","#ec9631","#24a1ae","#e46a2b","#b6740c","#f79969","#1b964e","#fdc076","#147bb6","#ba0d00","#1d6c3f"],"xAxis":{"categories":["Mar\/2018","Abr\/2018","Mai\/2018","Jun\/2018","Jul\/2018"]},"yAxis":{"min":0,"title":{"text":"Quantidade"},"stackLabels":{"enabled":1,"style":{"fontWeight":"bold","fontSize":"16px","color":"#000"}}},"legend":{"align":"center","verticalAlign":"bottom","backgroundColor":(Highcharts.theme && Highcharts.theme.legendBackgroundColorSolid) || 'white',"borderColor":"#CCC","borderWidth":1,"shadow":false},"tooltip":{"formatter":function() {
            return '<b>'+ this.x +'</b><br/>'+
            this.series.name +': '+ this.y +'<br/>'+
            'Total: '+ this.point.stackTotal;}},"plotOptions":{"column":{"stacking":"normal","dataLabels":{"enabled":1,"color":(Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'}}},"series":[{"name":"Call Tracking","data":[0,99,454,297,409]},{"name":"Chatbot","data":[51,150,155,106,97]},{"name":"Formul\u00e1rio","data":[19,107,184,138,150]}]});
  • 写回答

1条回答 默认 最新

  • dongza1708 2018-08-06 14:15
    关注
    1. Data labels are not rendered because there is too little space and by default dataLabels.allowOverlap is set to false. What you have to do is just increase chart height or set dataLabels.allowOverlap = true.

      Api reference: https://api.highcharts.com/highcharts/plotOptions.column.dataLabels.allowOverlap


    1. The second issue is very similiar to the first one. Now yAxis.stackLabels.allowOverlap is by default false so what you have to do is set it to true - yAxis.stackLabels.allowOverlap = true

      Api reference: https://api.highcharts.com/highcharts/yAxis.stackLabels.allowOverlap

      Online demo: https://jsfiddle.net/wchmiel/hbg0k78c/

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 微信夜间被转走了1w对,当天手机剪切板里就出现了这个乱码,有铁子可以看看是啥吗可以
  • ¥50 跑通github上的代码 深度学习 pytorch
  • ¥50 求写,批处理调用分区助手分区脚本
  • ¥15 求购HI3519AV100开发板
  • ¥15 请问1553 RT怎么测试,没有BC有方法吗
  • ¥100 业务编程如何选择学习方向和内容?
  • ¥15 wamp3.3.5安装完成后图标正常显示绿色,鼠标左右键点击图标均无反应。求解决方法。
  • ¥15 鼠标点击的这条记录了什么?
  • ¥15 在写pid调速的程序时,电机始终维持最大速度
  • ¥15 【有偿】调用DXGI截图初始化失败,提示0xf 887a0004