Javascript CSS:Transform rotate不使用span内部SVG标记

我已经使用Chartis.js创建了一个图表。我喜欢它，因为它反应灵敏。但是水平标签看起来没有反应，我试图让X标签旋转90度以保留大量空间，但它不起作用

.ct-label.ct-horizontal.ct-end {
    transform:rotate(90deg) !important;
    -webkit-transform:rotate(90deg) !important;
}

---

请帮帮我，你可以在这里看到我的小提琴

我不知道为什么，但当你将图表脚本和样式移动到外部资源时，它工作得非常好。不需要

！重要信息

或供应商前缀

-webkit-*

。我刚刚添加了

transform origin:left

，将旋转锚点向左移动（默认情况下，它位于中间）

---

工作示例：

您能否将示例简化为显示问题的标记，并将其添加到问题中。

.ct-label.ct-horizontal.ct-end {
    transform:rotate(90deg);
    transform-origin: 0;
}