kendo-ui - 为什么当我将鼠标悬停在 Kendosparkline 上时工具提示不会正确显示？

Question

我在网格中创建了 Kendosparkline 图表，我在彼此之上创建了两条迷你图，但是当我将鼠标悬停在迷你图上时，工具提示将无法正确显示（实际上工具提示出现了，但它不可读且混乱）

jsfiddle代码

      $("#sparkline").kendoSparkline({
            type: "area",

            series: [{
                name: "World",
                data: [15.7, 16.7, 20, 23.5, 26.6, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5, 3.5],
                field: "Rain",
            }, {
                name: 'New York',
                data: [0.7, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5],
                field: "Rain",
            }],


        });

谢谢你

Answer 1

迷你图工具提示在原地呈现，不会溢出网格单元格。

这是我们（Kendo UI 团队）希望在下一个主要版本中解决的问题。

您可以使用以下样式覆盖作为解决方法：

.k-sparkline .k-tooltip table {
    table-layout: auto;
    width: auto;
}

.k-sparkline .k-tooltip table td {
    border-left-width: auto;
    text-overflow: clip;
}

.k-sparkline .k-tooltip table td,
.k-sparkline .k-tooltip table th {
    border-width: 0;
}

.k-grid td {
    overflow: visible !important;
}

.k-grid-content {
    overflow: visible !important;
}