1

配列に 3 つのオブジェクトがある場合、Kendo UI はツールチップを表示しません。ただし、配列にオブジェクトが 2 つしかない場合は、正常に機能します。

コードは次のとおりです。

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

これは、3 つのオブジェクトのフィドルです。

これは、2 つのオブジェクトのフィドルです。

4

1 に答える 1

1

答えは次のとおりです。

まず、オブジェクトの配列を通常の 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);
于 2015-05-10T04:51:25.693 に答える