我在网格中创建了 Kendosparkline 图表,我创建了两个相互重叠的迷你图,但是当我将鼠标悬停在迷你图上时,工具提示将无法正确显示 (事实上,工具提示出现了,但它不可读且困惑)
$("#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",
}],
});
谢谢
最佳答案
迷你图工具提示就地呈现,不会溢出网格单元。
这是我们(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;
}
关于kendo-ui - 当我将鼠标悬停在 Kendosparkline 上时,为什么工具提示无法正确显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18058319/