Databases
StackOverflow2013
Postsdbo
POHighcharts - y-axis data label missing in Firefox
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHighcharts - y-axis data label missing in Firefox
    text
    copied!<p>The following chart is missing the data label on the stacked column furthest to the right. The label appears correctly in latest version of Google Chrome, however the label does not appear in the latest version of Firefox.</p> <pre><code>$(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 &amp;&amp; Highcharts.theme.textColor) || 'gray' } } }, legend: { align: 'right', x: -70, verticalAlign: 'top', y: 20, floating: true, backgroundColor: (Highcharts.theme &amp;&amp; Highcharts.theme.legendBackgroundColorSolid) || 'white', borderColor: '#CCC', borderWidth: 1, shadow: false }, tooltip: { formatter: function() { return '&lt;b&gt;'+ this.x +'&lt;/b&gt;&lt;br/&gt;'+ this.series.name +': '+ this.y +'&lt;br/&gt;'+ 'Total: '+ this.point.stackTotal; } }, plotOptions: { column: { stacking: 'normal', dataLabels: { enabled: true, color: (Highcharts.theme &amp;&amp; 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] }] }); }); </code></pre> <p><code>Highcharts 3.0.5</code></p> <p><code>Google Chrome 29.0.1547.76 m</code></p> <p><code>Mozilla Firefox 21.0</code></p> <p><code>Windows 7</code></p> <p>Is there a way to make the label appear consistently between the two browsers? I am looking for a workaround that does not involve changing the height of the chart, or the data in the chart.</p> <p><a href="http://jsfiddle.net/ricksuggs/eGW86/1/" rel="nofollow">http://jsfiddle.net/ricksuggs/eGW86/1/</a></p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload