Question

我想摆脱将工具提示从一个栏滑动到另一个栏的愚蠢工具提示动画。它会立即更新工具提示，但会在之前的栏上徘徊。我已经在图表和工具提示上尝试了文档转换属性，但都没有影响。

$('.chart').kendoChart({
    transitions: false,
    series: [{
        name: "Gold Medals",
        data: [current.data("compliant-count")],
        color: "#f3ac32"
    }, {
        name: "Silver Medals",
        data: [current.data("noncompliant-count")],
        color: "#b8b8b8"
    },
    tooltip: {
         visible: true,
         template: "#= series.name #: #= value #",
         transitions: false
    }
});

Answer 1

我认为transitions配置选项仅适用于图表本身（条形图等）。您可以像这样禁用工具提示的动画：

var chart = $('#chart').kendoChart({
    transitions: false,
    series: [{
        name: "Gold Medals",
        data: [current.data("compliant-count")],
        color: "#f3ac32"
    }, {
        name: "Silver Medals",
        data: [current.data("noncompliant-count")],
        color: "#b8b8b8"
    },
    tooltip: {
         visible: true,
         template: "#= series.name #: #= value #"
    }
}).data("kendoChart");
chart._tooltip.options.animation.duration = 0;

（demo）

通过在创建图表之前更改默认选项，您可以在所有图表工具提示中实现相同的目的：

kendo.dataviz.Tooltip.fn.options.animation.duration = 0;

在移动工具提示之前完全消除内容更改的影响需要更改kendo.dataviz.Tooltip的源代码。

Answer 2

我刚刚遇到同样的问题，并发现只需添加

animation: {
  duration: 0
}

图表配置的tooltip部分下的

执行作业

禁用剑道图工具提示动画

2 个答案: