Chart.js 移动图表x轴标签和边框

我有下面的代码，并试图实现两件事

我需要隐藏图形的主边框-我在ChartJS中查找了网格线配置，也在Stack中查找了示例，出于某种原因，我的边框保留了

从小提琴上可以看出，我使用了：

“网格线”：{“显示”：false，“绘图边框”：false，“绘图记号”：false}

但无济于事

我需要将日期移到图表上方，而不是将日期保持在图表下方。除非我进入动画函数并开始计算x/y位置，否则似乎没有一种简单的方法可以做到这一点。有没有更简单的方法

---

这是我的基本折线图JSFIDLE和我使用的设置

像这样更改配置对象以删除打印边框：

要将x轴设置为顶部，可以使用以下选项：

---

有关滴答声配置的更多信息->

更改配置对象以删除打印边框：

要将x轴设置为顶部，可以使用以下选项：

---

更多关于滴答声配置的信息->

太好了。不幸的是，我不能将此作为答案，因为这是一个由两部分组成的问题-另一部分是关于将x记号值移动到图表顶部的问题。但是谢谢你的回答。@Antony更新了答案。也许这不是最好的解决方案，但它似乎起作用了）但是标签是半隐藏的？@Antony如果你的绘图无法调整大小，你可以调整填充值一次，然后忘记它），否则它就不起作用了，因为填充值是固定的((（我不知道如何动态更改它。尝试在此处调整绘图窗口的大小，您将看到->这很好。不幸的是，我不能将此作为答案，因为这是一个由两部分组成的问题-另一部分是关于将x记号值移到图表顶部的问题。但感谢您迄今为止给出的答案。@Antony更新了答案。可能这不是问题的答案。）st解决方案，但它似乎在工作）标签是半隐藏的，但？@Antony如果你的绘图无法调整大小，你可以调整填充值一次，然后忘记它），否则它将无法工作，因为填充值是固定的((（我不知道如何动态更改它。尝试调整绘图窗口的大小，您会看到->我可以添加我的代码不能正常工作的原因是因为我有

网格线

而不是

网格线

，答案也指出了这一点！我可以添加我的代码不能正常工作的原因是因为我有

网格线

不是

网格线

，答案也帮助指出了这一点！

...
options: {
    ...
    scales: {
        yAxes: [{
            gridLines: {
                drawTicks: false,
                display: false
            },
            ...
        }],
        xAxes: [{
            gridLines: {
                drawTicks: false,
                display: false
            },
            ...
        }]
    },
},

xAxes: [{
    ticks: {
        display: true,
        position: "top", // Not found in documentation((
        mirror: true,
        padding: -400, // Set the height of the plot
    },
}]