图表标签隐藏有点并悬停显示

Question

如何使用点隐藏图表标签并在鼠标悬停时显示完整？

我在CSS之下尝试过，它工作正常。

.ct-labels .ct-label  {
        width: 70px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
    }

    .ct-label:hover {
        overflow: visible;
        white-space: normal;
    }