Highcharts 如何移动点';通过在高图甘特图中移动点图形来标记和SVG?
在本例中,我尝试通过Highcharts 如何移动点';通过在高图甘特图中移动点图形来标记和SVG?,highcharts,Highcharts,在本例中,我尝试通过points.graphic.translate(0,-25)移动点,但这无助于移动点的标签和SVG。您可以在示例中看到详细信息 events: { load() { var chart = this, series = chart.series[0]; series.points.forEach(function(point) { point.graphic.tr
points.graphic.translate(0,-25)
移动点,但这无助于移动点的标签和SVG。您可以在示例中看到详细信息
events: {
load() {
var chart = this,
series = chart.series[0];
series.points.forEach(function(point) {
point.graphic.translate(0, -25);
});
}
}
您需要分别移动每个元素 标签:
point.dataLabel.text.translate(0, -25)
和渲染后的自定义图像:
points.forEach(function(point) {
point.customImg = chartt.renderer.image(
'https://www.highcharts.com/images/employees2014/Torstein.jpg',
point.plotX + chartt.plotLeft + point.shapeArgs.width / 2 - width / 2,
point.plotY + chartt.plotTop - height / 2,
width,
height
)
.attr({
zIndex: 5
})
.add();
point.customImg.translate(0, -25)
});
演示: