2015-09-25 2 views
0

я highchart граф API, похожий на наклеенную ссылку скрипки, проблема
этого число отсутствует в нескольких сложенного колонке (например, в скрипке decission линии одна значения метки отсутствует) может кто-нибудь помощь по этому вопросу, почему
это происходитhighchart datalabel один значение отсутствует в этикетке

$(function() { 
$('#container').highcharts({ 
    chart: { 
     type: 'column', 
     inverted:true, 
     height: 200 
    }, 
    title: { 
     text: 'Stacked column chart' 
    }, 
    xAxis: { 
     categories: ['Pending', 'Further', 'Decision'] 
    }, 
    yAxis: { 
     min: 0, 
     //max:100, 
     title: { 
      text: 'Total fruit consumption' 
     }, 
     stackLabels: { 
      enabled: true, 
      style: { 
       fontWeight: 'bold', 
       color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray' 
      } 
     } 
    }, 
    legend: { 
     align: 'center', 
     x: -30, 
     verticalAlign: 'top', 
     y: 25, 
     floating: false, 
     backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white', 
     borderColor: '#CCC', 
     borderWidth: 1, 
     shadow: false 
    }, 
    tooltip: { 
     headerFormat: '<b>{point.x}</b><br/>', 
     pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}' 
    }, 
    plotOptions: { 
     column: { 
      stacking: 'normal', 
      dataLabels: { 
       enabled: true, 
       crop:false, 
       color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white', 
       style: { 
        textShadow: '0 0 3px black' 
       } 
      } 
     } 
    }, 
    series: [{ 
     data:[3, 2, 1], 
     name:'Today' 
    }, { 
     data:[2, 2, 19], 
     name:'1 Day' 
    }, { 
     data:[14, 2, 22], 
     name:'2 Days' 
    },{ 
     data:[6, 2, 18], 
     name:'3 Days' 
    },{ 
     data:[10, 2, 537], 
     name:'>3 Days' 
    }] 
}); 

}); http://jsfiddle.net/g6wsd1hm/

+0

На jsfiddle я вижу все значения для "решения" -> 537, 18, 22, 19, 1. Я также вижу все 5 ярлыков сверху. Не могли бы вы уточнить? – ddinchev

+0

скрипка ссылка в браузере firefox его работа в хромированном браузере его не работает .. но из реального приложения его не работает в обоих браузерах – user2210579

+0

ничего из вас не хватает, так как значение слишком мало, поэтому вы не можете этого увидеть. если вы наведете на линию принятия решения внимательно, вы сможете увидеть все свои значения в этом стеке. –

ответ

0

Если я изменяю укладку на проценты, все ярлыки видны. minPointLength установлен сделать минимальный столбец складывает ширину для относительно меньшего числа

использования следующим:

plotOptions: { 
     column: { 
      stacking: 'percent', 
      minPointLength:10 //this needs to added 
       } 
       } 

Fiddle Here

+0

все еще не работает, все тот же выпуск – user2210579

+0

Вы видели скрипку –

+0

он частично исправил мою проблему – user2210579