在条形图(垂直)顶部添加数据文本-高图表条形图



我正在使用Highcharts条形图(垂直(,我希望成员数据显示在每个条形图的顶部(我们也会保持悬停,这是有效的(。我已经尝试过使用plotOptions的各种方法,但无法在条形图视图的顶部显示成员数据。第一个链接是我的工作代码。

**https://codepen.io/jenfloods/pen/jOyXEQd**

上面的第二个链接是我希望数据文本以白色阴影字母出现在条形图的顶部的示例,但这将适用于我的竖条,而不是本示例所示的水平条。

**https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/bar-datalabels-align-inside-bar/**

有人有一个例子,或者可以使用我的代码来实现它吗?

您需要为系列启用数据标签,并使用如下配置:

plotOptions: {
series: {
...,
dataLabels: {
rotation: 90,
verticalAlign: 'top',
y: 10,
align: 'left',
inside: true,
enabled: true,
color: '#FFFFFF'
},
}
}

现场演示:http://jsfiddle.net/BlackLabel/y04j6z3m/

API参考:https://api.highcharts.com/highcharts/plotOptions.column.dataLabels

相关内容

  • 没有找到相关文章

最新更新