如何在径向图的中心添加文本和/或将数据标签对齐到条形图的末尾?

Question

目前为止我所拥有的简单径向图的代码:https://jsfiddle.net/du4jxzwn/20/

series: {
dataLabels: {
enabled: true,
align: 'right',
color: '#FFFFFF',
x: -10,
rotation: '270',
},
pointPadding: 0.025,
groupPadding: 0
}

我想让文本对齐到栏的末尾。我还想在图表的中心添加一些文本，如下所示。有什么方法来做到这一点使用Javascript吗?

Answer 1

在系列中，如果您将点保存为对象，则可以在那里编辑dataLabels参数并对其进行对齐。

series: [{
data: [{
x: 0,
y: 29.9,
dataLabels: {
enabled: true,
allowOverlap: true,
format: 'Financal',
color: '#000',
rotation: '280',
x: 2,
y: 15
}
}, {
x: 1,
y: 71.5
}, {
x: 2,
y: 106.4
}]
}]

你也可以通过像这样的事件来编辑点，并在它们上执行update方法来改变一些东西，例如值。

events: {
load: function() {
let chart = this,
series = chart.series[0],
point = series.data[0],
dataLabel = point.dataLabel;
console.log(point);
point.update({
y: 33,
})
},
},

演示:https://jsfiddle.net/BlackLabel/kjfn5pvc/1/