chart.js　複数軸でグラフの前後を指定したい

chart.jsの複数軸(bar,line)でグラフを書いているのですが、
barがフロントになってしまい、lineが隠れてしまっています。。
line側のフロントにしたいのですが、その解決策が見つかりません。。。
オプションがあるのか,他に解決策があればご教授願います。。

オプションや文献がなかなか見つからなかったので
yAxisIDをbar側につけたりと色々試したのですが、変わりません。。

コード

ChartData
1
2        type: 'bar',
3        data:{
4
5            //X軸の情報
6            labels: [{% for i in x %}'{{i}}月',{% endfor %}],
7
8            //Y軸の情報
9            datasets: [{
10                    type: 'bar',
11                    label: "bar軸",
12                    data: [{% for i in bar軸 %}{{i}},{% endfor %}],
13                    borderColor: "rgb(86, 81, 234)",
14                    backgroundColor: "rgb(86, 81, 234,0.6)",
15                },
16                {
17                    type: 'line',
18                    label: "line軸",
19                    data: [{% for i in line軸 %}{{i}},{% endfor %}],
20                    backgroundColor: "rgba(255, 99, 132,0.2)",
21                    borderColor: "rgb(255, 99, 132)",
22                    fill: false,
23                    yAxisID: "y2"
24                },
25                ]
26            },
27            options: {
28                legend: {
29                    position: "top",
30                    labels:{
31                        fontSize:12,
32                    }
33                },
34                labels: {
35                    //ツールチップ
36                    fontSize: 50
37                },
38                scales: {
39                    yAxes: [{
40                        ticks: {
41                            suggestedMax: 20,
42                            suggestedMin: 0,
43                            fontSize: 15,
44                            stepSize: 5
45                        }
46                    },
47                    {
48                        id: "y2",
49                        position: "right",
50                        autoSkip: true,
51                        gridLines: {
52                            display: false,
53                            drawOnChartArea: false,
54                        },
55                        ticks: {
56                            fontColor: "black",
57                            suggestedMax: 20,
58                            suggestedMin: 0,
59                            stepSize: 10,
60                            callback: function(val) {
61                                return val;
62                            }
63                        }
64                    }],
65                    xAxes: [{
66                      ticks: {
67                            fontSize: 15
68                        }
69                    }]
70                }
71            }
72    });
73