2015-05-09 62 views
1

我有以下代碼,最初我的數據只包含xy值,但是,一旦我添加另一個值k,但它停止工作。我計劃在工具提示中顯示k值作爲附加信息。 有沒有人有任何想法?工具提示模板在Kendo-UI中格式化

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

function myTooltip(value) { 
    return Math.abs(value.x) + ", "+Math.abs(value.y)+","+Math.abs(value.k); 
} 

http://jsfiddle.net/3yhbyy2g/49/

回答

2

最後,這裏是我想出了迄今爲止的解決方案。這裏的關鍵點是通過dataItem而不是通過value-->(value.x, value.y)來訪問數據,該數據限制訪問除了僅僅xy之外的數據對象中的其他元素。

看起來value繼承自dataItem

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)))# " 
    } 

http://jsfiddle.net/3yhbyy2g/50/

相關問題