情节：如何在散点图上显示条形图？

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>