禁用剑道图工具提示动画

Question

我想摆脱将工具提示从一个栏滑动到另一个栏的愚蠢的工具提示动画。它会立即更新工具提示，但会停留在上一个栏上。我在图表和工具提示上都尝试过documenations transitions属性，但两者都没有影响。

$('.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;

(演示(

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

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

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

Answer 2

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

animation: {
  duration: 0
}

在图表配置的tooltip部分下执行任务