ToolTip 中的多个对象处理答案

【问题标题】：Multiple objects handling in ToolTipToolTip 中的多个对象处理
【发布时间】：2015-05-10 03:12:26
【问题描述】：

如果我的数组中有 3 个对象，Kendo UI 不会显示任何工具提示。但是，如果我在数组中只有两个对象，它就可以正常工作。

代码如下：

$("#chart").kendoChart({
    xAxis: {},
    yAxis: {},
    seriesDefaults: {type: "scatterLine" },
    series: [{data: stats}],
    tooltip:{visible:true}
});

Here 是三个对象的小提琴。

Here 是两个对象的小提琴。

【问题讨论】：

第三个对象是干什么用的？你想要多轴吗？
@Vash，不，我只有 x 和 y 轴，但重点是，我想在工具提示上显示三个值。
第一个和第二个对象相应地用于 x 和 y。最后一个对象我想在工具提示上显示它以及第一个和第二个对象。
好的，我拿到了，贴在下面，非常感谢Vash。

标签： javascript kendo-ui kendo-dataviz kendo-chart

【解决方案1】：

Here 是答案：

首先我应该将对象数组更改为常规 javascript 对象，然后它才能工作。

var stats = [
    [0 , 200,400], [100, 300,900],[220, 400,1000],[300, 500,1500],[400, 800,1700],[600, 1200,1800],[800, 1600,3000]
];

stats = stats.map(function(x) {
    return { x: x[0], y: x[1], k: x[2] };
});

function createChart() {
    $("#chart")
        .kendoChart({
            xAxis: {},
            yAxis: {},
            seriesDefaults: {type: "scatterLine" },
            series: [{data: stats}],
            tooltip:{visible:true,template: "x : #=kendo.format('{0:n0}', (Math.abs(dataItem.x)))#, y : #=kendo.format('{0:n0}', (Math.abs(dataItem.y)))#, k : #=kendo.format('{0:n0}', (Math.abs(dataItem.k)))# "}
        });
}


$(document)
    .ready(createChart);

【讨论】：