html 如何在Highchart中将图片添加到星形图的中间?

sshcrbum  于 2022-12-09  发布在  其他
关注(0)|答案(2)|浏览(120)

我试图在图表中间添加图片,但图片出现在左上方。是否可以添加图片?
第一个

oogrdqng

oogrdqng1#

您可以在CSS中使用transform。我在CSS中添加了以下内容:

image {
  transform: translate(48%, 48%);
  }

结果如下:
第一个

jrcvhitl

jrcvhitl2#

尝试以下配置:

function(chart) {
    let edge = 30,
  x = chart.xAxis[0].center[0] + chart.plotLeft - edge/2,
  y = chart.yAxis[0].center[1] + chart.plotTop - edge/2;

  chart.renderer.image(
    'https://www.highcharts.com/samples/graphics/sun.png',
    x,
    y,
    edge,
    edge
  ).add();

演示:https://jsfiddle.net/BlackLabel/um5ov94r/

相关问题