工具提示将chart.js中的条形图弄乱

我正在使用chart.js创建一个堆叠条形图，虽然我成功地移动和旋转了要显示在条形图顶部的xaxis标签，但当我使用鼠标在条形图上移动时，整个图表似乎扭曲了

这是正常的 这就是鼠标悬停后我得到的结果：

这是密码

这是我用来旋转xaxis标签的：

---

这是因为在旋转画布状态后，不会恢复画布状态。与其在

if

语句中还原，不如在语句外部还原，如下所示：

...
if (bar._datasetIndex == 0) {
   ctx.fillText(bar._model.label, 0, 0);
}
ctx.restore(); //<- restore canvas state
...

。。。
如果（bar.\u datasetIndex==0）{
ctx.fillText（条形图\模型标签，0,0）；
}
ctx.restore（）// 这是因为在旋转画布状态后，不会恢复画布状态。与其在
if
语句中还原，不如在语句外部还原，如下所示：

...
if (bar._datasetIndex == 0) {
   ctx.fillText(bar._model.label, 0, 0);
}
ctx.restore(); //<- restore canvas state
...

。。。
如果（bar.\u datasetIndex==0）{
ctx.fillText（条形图\模型标签，0,0）；
}
ctx.restore（）//