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

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

$('#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/

在此先感謝

來源

2015-05-05 neza

代碼的工作，你可以發佈活生生的例子，像的jsfiddle？在默認演示數據標籤看起來確定 - http://jsfiddle.net/eu4hde65/ –

看起來像一個錯誤 - 在這裏報道：https://github.com/highslide-software/highcharts.com/issues/4160 –

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

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 
    }] 
});

}）;

來源

2015-12-07 15:22:37

這是不是一個答案 - 這應該是一個評論。如果你正在使用'column'類型的圖表，那麼默認情況下所有系列都是這種類型的。接下來在'plotOptions'中設置'bar'的選項 - 它們不會應用於'column'類型的系列。「列」類型系列中的問題：http://jsfiddle.net/4dccq/482/ –

這是一個發出─

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 
     }] 
    }); 
});

來源

2016-10-06 11:07:45

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

回答

相關問題