Html 如何在Highcharts中将数据标签设置为垂直

我想使用Highcharts插件和XML文件中的数据创建一个图形“堆叠柱”。（见附件） 我的XML文件是：

<?xml version="1.0" encoding="utf-8"?>
<chart>
<categories>
<item>2000</item>
<item>2001</item>
<item>2002</item>
....    </categories>
<series>
<name>Impots locaux</name>
<data>
<point>231</point>
<point>232</point>
....    </data>
</series>
<series>
<name>Autres impots et taxes</name>
<data>
<point>24</point>
<point>27</point>
<point>37</point>
.....</data>
</series>
<series>
<name>Dotation globale de fonctionnement</name>
<data>
<point>247</point>
<point>254</point>
....</data>
</series>
</chart>

---

谢谢。

您可以将

旋转设置为
90

或者您可以将
useHTML
设置为
true
，并使用css设置样式

.highcharts-data-labels span {
    width: 7px;
    white-space: normal !Important;
}

那么您的
数据标签
格式化程序应该是：

formatter: function() {
    return this.y.toString().split('').join(' ');
}

通过这种方式，您将通过以下方式获得标签

9


0


0


.highcharts-data-labels span {
    width: 7px;
    white-space: normal !Important;
}

formatter: function() {
    return this.y.toString().split('').join(' ');
}