如何解决如何通过在海图甘特图中移动点图形来移动点的标签和SVG?
在此example中,我尝试将点移动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)
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。