Amchart 将背景图像添加到 XYChart答案

【问题标题】：Amchart add background image to XYChartAmchart 将背景图像添加到 XYChart
【发布时间】：2021-02-24 12:38:05
【问题描述】：

    let chart = am4core.create("chartdiv", am4charts.XYChart);
  chart.background.image = am4core.image("/static/img/bar-chart.png")

在 Amchart 中，我试图在我的图表上添加背景图像。但是当我这样做时它不起作用。

有什么办法请看一下

【问题讨论】：

标签： javascript reactjs amcharts

【解决方案1】：

我修改了水印教程

// Add watermark
var watermark = new am4core.Image();
watermark.href = "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-160/cat.svg";
chart.plotContainer.children.push(watermark);
watermark.align = "right";
watermark.valign = "bottom";
watermark.opacity = 0.3;
watermark.marginRight = 10;
watermark.marginBottom = 5;

像这样：

// Add watermark
var watermark = new am4core.Image();
watermark.href = "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-160/cat.svg";
chart.plotContainer.children.push(watermark);
watermark.align = "center";
watermark.valign = "bottom";
watermark.opacity = 0.3;
watermark.height = 200;
watermark.width = 200;

根据您的需要，您可能需要修改不透明度、高度和宽度。

【讨论】：