Highcharts - метка данных по оси Y отсутствует в Firefox

В следующей таблице отсутствует метка данных в столбце с колонками, расположенными дальше всего вправо. Метка отображается правильно в последней версии Google Chrome, однако ярлык не отображается в последней версии Firefox.Highcharts - метка данных по оси Y отсутствует в Firefox

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'column' 
     }, 
     title: { 
      text: 'Stacked column chart' 
     }, 
     xAxis: { 
      categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'] 
     }, 
     yAxis: { 
      min: 0, 
      title: { 
       text: 'Total fruit consumption' 
      }, 
      stackLabels: { 
       enabled: true, 
       style: { 
        fontWeight: 'bold', 
        color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray' 
       } 
      } 
     }, 
     legend: { 
      align: 'right', 
      x: -70, 
      verticalAlign: 'top', 
      y: 20, 
      floating: true, 
      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: true, 
        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white' 
       } 
      } 
     }, 
     series: [{ 
      name: 'John', 
      data: [5, 3, 4, 7, 2] 
     }, { 
      name: 'Jane', 
      data: [2, 2, 3, 2, 5] 
     }, { 
      name: 'Joe', 
      data: [3, 4, 4, 2, 1] 
     }] 
    }); 
});

Highcharts 3.0.5

Google Chrome 29.0.1547.76 m

Mozilla Firefox 21.0

Windows 7

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

http://jsfiddle.net/ricksuggs/eGW86/1/

источник

2013-09-20 ricksuggs

У меня есть Firefox 21.0 для Mac, и метки данных отображаются правильно r me. Чтобы быть уверенным, вы говорите о 8,2,5 и 1 в колонке Бананы? –

У меня есть Firefox 24 на Win 7, и я также не вижу «1» в правой колонке. Однако следует отметить, что он не является специфическим для правой колонки. Это происходит в любом столбце, который имеет 1 в нижней позиции. Мне интересно, если это потому, что размер среза для 1 слишком мал, чтобы отображать его как нижний сегмент. Если вы настроите номера так, чтобы макс был немного меньше, появится 1, так как сегмент немного выше. –

Также следует отметить. В Firefox, если вы увеличите высоту диаграммы div, появится 1. А в Chrome 29.0.1547.66, если вы уменьшите высоту диаграммы div, 1 исчезнет. Это указывает на то, что когда нижний сегмент слишком короткий для метки, он исчезает. Этого не происходит, если верхние сегменты становятся слишком маленькими. –

Попробуйте отключить обрезку меток данных:

plotOptions: { 
    series: { 
     dataLabels: { 
      crop: false 
    } 
}

Обновлено скрипку: http://jsfiddle.net/eGW86/2/

источник

2013-09-27 08:06:20 user1015989

Благодарим за предложение, однако этот параметр делает перекрытие dataLabels, когда сегменты столбца очень малы. – ricksuggs

Вот немного кода, который скрывает метки: https://github.com/highslide-software/highcharts.com/blob/master/js/highcharts.src.js#L6431 Не знаете, что это за решение, обрезание до значения false не является обходным – user1015989

Для тех, кто борется с этой проблемой (как я ранее сегодня), поскольку FYI, этой был разрешен более новой версией библиотеки высоких карт

источник

2015-07-10 19:51:35 dshun

Highcharts - метка данных по оси Y отсутствует в Firefox

ответ

Смежные вопросы