我已经使用chart js生成了一个线性图形，但是我必须在与默认显示的位置不同的位置显示它。
我曾看过如何旋转图形生成的标签的示例，但这只适用于文本，而不适用于整个图形
目前这是我的代码来生成图形
第一个
我希望得到一个如下图所示的旋转图形

编辑

在chart.js的文档中再研究一下，我发现有一个选项可以将轴的位置设置为“右”、“左”、“上”或“下”。
在这部分代码中应用这些选项

xAxes: [{
                    display: true,
                    scaleLabel: {
                        display: true,
                        labelString: "Depth",
                    },
                    position: 'left' //X-axis position change
            }],
            yAxes: [{
                    display: true,
                    scaleLabel: {
                        display: true,
                        labelString: "Temperature ° C",
                    },
                    position: 'top' //Y-axis position change
            }]

但现在的问题是，因为X轴上的值不存在，所以这些值已经消失了。了解代码中的变化，你就会明白我的意思。
提前感谢您的帮助和建议。