Javascript 带圆形网格线插值的蜘蛛网图表:标签显示在离绘图线很远的地方

Javascript 带圆形网格线插值的蜘蛛网图表:标签显示在离绘图线很远的地方,javascript,highcharts,Javascript,Highcharts,我有一张蜘蛛网图表,上面有特定值的绘图线。网格线插值用作圆。在这种情况下,默认情况下,提供的标签显示在远离打印线(图表左上角)的位置 如何始终在绘图线圆的中心或特定位置显示标签,而无需手动计算x点和y点 参考示例: Highcharts.chart('container'{ 图表:{ 是的, 类型:“行” }, 标题:{ 文本:“预算与支出”, x:-80 }, 窗格:{ 尺寸:“80%” }, xAxis:{ 类别:[“销售”、“营销”、“开发”、“客户支持”, ‘资讯科技’、‘行政’ ],

我有一张蜘蛛网图表,上面有特定值的绘图线。网格线插值用作圆。在这种情况下,默认情况下,提供的标签显示在远离打印线(图表左上角)的位置

如何始终在绘图线圆的中心或特定位置显示标签,而无需手动计算x点和y点

参考示例:

Highcharts.chart('container'{
图表:{
是的,
类型:“行”
},
标题:{
文本:“预算与支出”,
x:-80
},
窗格:{
尺寸:“80%”
},
xAxis:{
类别:[“销售”、“营销”、“开发”、“客户支持”,
‘资讯科技’、‘行政’
],
勾选位置:“on”,
线宽:0
},
亚克斯:{
gridLineInterpolation:'圆',
线宽:0,
分:0,,
绘图线:[{
价值:35000,
宽度:2,
dashStyle:“固体”,
颜色:“红色”,
标签:{
文字:“线条标记”,
风格:{
颜色:“红色”
}
}
}]
},
工具提示:{
分享:是的,
pointFormat:“{series.name}:${point.y:,.0f}
” }, 图例:{ 对齐:“右”, 垂直排列:“顶部”, y:70, 布局:“垂直” }, 系列:[{ 名称:“已分配预算”, 数据:[43000、19000、60000、35000、17000、10000], pointPlacement:“打开” }, ] });


使用
x
y
参数定位标签:

不幸的是,您需要计算极坐标图中的标签位置,尽管这并不困难。使用
Axis.toPixels
函数将轴值更改为像素,并将其用作标签的
x
y
位置。看看下面的例子

API参考:



示例: