将Highcharts标签放置在右侧
我有一个带有自定义标签的基本图表,例如:将Highcharts标签放置在右侧,charts,highcharts,highstock,Charts,Highcharts,Highstock,我有一个带有自定义标签的基本图表,例如: labels: { items: [{ html: 'Testing Label', style: { left: '50px', top: '50px' } }] } 这是可行的,但我想从右侧放置标签,我尝试了以下操作: style: { right: '50px', top: '50px' } 但这不起作用 JSIDLE链接: 似乎图表.标签中不支持右属性。对于更复杂的配置,可以使用
labels: {
items: [{
html: 'Testing Label',
style: {
left: '50px',
top: '50px'
}
}]
}
这是可行的,但我想从右侧放置标签,我尝试了以下操作:
style: {
right: '50px',
top: '50px'
}
但这不起作用
JSIDLE链接:
似乎
图表.标签中不支持右
属性。对于更复杂的配置,可以使用svgrender
渲染标签:
chart: {
events: {
load: function() {
var chart = this,
renderer = chart.renderer;
var label = this.renderer.label('Test label', null, 100).add();
label.attr({
x: chart.plotWidth + chart.plotLeft - label.width
});
}
}
}
现场演示:
通过渲染器
(而不是通过构造函数选项)渲染标签的优点是,您可以访问已创建的图表和标签的参数(chart.plotWidth
,chart.plotLeft
,label.width
)
API参考:谢谢!在调整窗口/图表的大小时,有没有办法使其保持在右侧?当然,您只需要将定位代码移动到渲染
事件。现场演示: