#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;
В зависимости от того, что вам нужно, вам может потребоваться изменить непрозрачность, высоту и ширину.