当我将鼠标悬停在Kendosparkline上时,为什么工具提示不会正确显示?

时间:2013-08-05 12:36:02

标签: kendo-ui kendo-grid sparklines

我在网格中创建了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",
            }],


        });

谢谢

1 个答案:

答案 0 :(得分:4)

迷你图工具提示就地呈现,不会溢出网格单元格。

这是我们(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;
}