Я пытался создать водяной знак на графике. js Диаграмма, но не могу найти способ иметь водяной знак, который последовательно расположен в верхнем левом углу диаграммы. Я могу поиграть с параметрами изображения и получить его там, где я хочу, но если я изменю размер графика, мне придется снова начать играть со значениями.
Вот мой лучший результат на данный момент: 
Мне бы хотелось, чтобы значок отображался без обрезки, с такими же размерами, независимо от высоты DIV / участок. Я хочу иметь несколько участков одинаковой ширины и разной высоты.
Вот Codepen с графиком, показанным на рисунке. Вот определение изображения, используемого в качестве водяного знака.
var watermark = [{
name: 'watermark_1',
source: "https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png",
xref: "paper",
yref: "paper",
xanchor: 'left',
yanchor: 'top',
x: 0.95,
y: 1,
sizex: 0.125,
sizey: 0.5,
opacity: 0.3,
sizing: "stretch",
layer: "below",
}];
То, что я пробовал:
- Чтение документов на https://plot.ly/javascript/reference/#layout -изображениях
- Игра с «проклейкой» (растяжение сохраняет ту же ширину)
заранее спасибо