Plotly: как отобразить гистограмму на точечной диаграмме?

Question

Я использую plotly.js для визуализации данных. Мне нужно отобразить непрозрачный график рассеяния заполненной области позади гистограммы - что-то вроде this - но независимо от того, сколько я играю с непрозрачностью гистограммы или порядком массива данных, заполненной области График расположен сверху гистограммы.

Вот как выглядит мой код:

<script> 
var trace2 = {
  x: [1, 2, 3, 4, 5], 
  y: [120, 180, 290, 150, 110], 
  name: 'Type 1', 
  type: 'bar'
};

var trace5 = {
  x: [1, 2, 3, 4, 5], 
  y: [75, 48, 38, 61, 52],
  name: 'Type 2', 
  fill: 'tozeroy',
  fillcolor: 'rgb(235, 185, 10)',
  type: 'scatter',
  mode: 'none'
};

var data1 = [trace5, trace2];
var layout = {
  xaxis: {
    showdividers: true,
    dividercolor: 'grey',
    dividerwidth: 2
  },
  yaxis: {title: '<b>Data</b>', side: 'right'}
};

Plotly.newPlot('myDiv', data1, layout);
</script>