Highcharts三維條形圖數據標籤位置錯誤

Question

我需要顯示帶有數據標籤的條形圖。 當它是2d時，一切都很好。 但是，當我將它顯示爲3d條時，數據標籤位置出錯。 代碼如下：

$('#container').highcharts({ 
    chart: { 
     type: 'bar', 
     margin: 75, 
     options3d: { 
      enabled: true, 
      alpha: 35, 
      beta: 15, 
      depth: 110 
     } 
    }, 
    plotOptions: { 
     bar: { 
      depth: 40, 
      stacking: true, 
      grouping: false, 
      groupZPadding: 10, 
      dataLabels:{enabled:true} 
     } 
    }, 
    series: [{ 
     data: [1, 2, 4, 3, 2, 4], 
     stack: 0 
    }, { 
     data: [5, 6, 3, 4, 1, 2], 
     stack: 0 
    }, { 
     data: [7, 9, 8, 7, 5, 8], 
     stack: 1 
    }] 
}); 

}）;

演示： http://jsfiddle.net/4dccq/277/

在此先感謝

Answer 1

你的意思是這??? 這是很好的解決方案...

Here's a link！

$(function() { 
$('#container').highcharts({ 
    chart: { 
     type: 'column', 
     margin: 75, 
     options3d: { 
      enabled: true, 
      alpha: 35, 
      beta: 15, 
      depth: 110 
     } 
    }, 
    plotOptions: { 
     bar: { 
      depth: 40, 
      stacking: true, 
      grouping: false, 
      groupZPadding: 10, 
      dataLabels:{enabled:true} 
     } 
    }, 
    series: [{ 
     data: [1, 2, 4, 3, 2, 4], 
     stack: 0 
    }, { 
     data: [5, 6, 3, 4, 1, 2], 
     stack: 1 
    }, { 
     data: [7, 9, 8, 7, 5, 8], 
     stack: 2 
    }] 
}); 

}）;

Answer 2

這是一個發出─

https://github.com/highcharts/highcharts/issues/4160

已知同時設定α和β爲0，並設定堆疊爲false將解決這個問題。

它仍然是3d - 但沒有角度，也沒有堆疊。

這我 -

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'bar', 
      margin: 75, 
      options3d: { 
       enabled: true, 
       alpha: 0, 
       beta: 0, 

      } 
     }, 
     plotOptions: { 
      bar: { 
       depth: 40, 
       stacking: false, 
       grouping: false, 
       groupZPadding: 0, 
       dataLabels:{ 
       enabled:true, 
       format:'<span style="color:{point.color};"> {point.y:.0f}</span>' 
       } 
      } 
     }, 
     series: [{ 
      data: [1, 2, 4, 3, 2, 4], 
      stack: 1 
     }, { 
      data: [5, 6, 3, 4, 1, 2], 
      stack: 1 
     }, { 
      data: [7, 9, 8, 7, 5, 8], 
      stack: 2 
     }] 
    }); 
});