Amchart добавить фоновое изображение в XYChart

#javascript #reactjs #amcharts

#javascript #reactjs #amcharts

Вопрос:

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

В Amchart я пытаюсь добавить фоновое изображение поверх моей диаграммы.
Но он не работает, пока я это делаю.

Пожалуйста, посмотрите, есть ли какой-либо способ

Ответ №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;
 

В зависимости от того, что вам нужно, вам может потребоваться изменить непрозрачность, высоту и ширину.