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

Question

我在网格中创建了 Kendosparkline 图表，我创建了两个相互重叠的迷你图，但是当我将鼠标悬停在迷你图上时，工具提示将无法正确显示(事实上​​，工具提示出现了，但它不可读且困惑)

jsfiddle code

      $("#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;
}