条形图中的HighChart数据标签问题

时间:2014-09-08 09:27:57

标签: javascript jquery highcharts bar-chart highstock

我希望标签位于条形图堆栈之外。我使用下面的代码,但它不是每次都有效。

enter image description here

 dataLabels: {
              enabled: true,
              color: '#333',
              inside:false
          }, 

JSFiddle

2 个答案:

答案 0 :(得分:1)

有多种方法可以定位数据标签,您可以设置他们的x& y位置,你也可以单独设置每个数据点的位置,但你既有负值也有正值,即使你没有,也会很头疼。 inside: false似乎没有做任何事情,但我设法为您找到另一个更简单的解决方案,即使用数据标签的rotation属性..设置为偶数' 1& #39;将标签带到外面。

dataLabels: {
     rotation: 1,
     enabled: true,
     color: '#333',
},  

<强> See the DEMO here

现在,您可以使用不同的角度和宽度高度来查看最适合您的方式。

答案 1 :(得分:1)

你走了:

dataLabels: {
          enabled: true,
          color: '#333',
          inside: false,
          crop: false,
          overflow: "none"
      }, 

http://jsfiddle.net/kq2xgwhg/

此处记录:http://api.highcharts.com/highcharts#plotOptions.series.dataLabels&#34;溢出&#34;。