2017-04-18 51 views
0

我想更新更新圖表上的點的標題,我正在更新它,但是當我添加一個點時它會如此。Chartjs更新點標題

添加的第一個點將被稱爲'點1',第二點將會是'點2',但是它會將點1命名爲點2,所以當我添加了5點時,作爲第5點,有沒有解決這個問題的方法?

任何幫助,將不勝感激。

用javascript編寫。

tooltips:{ 
    callbacks: { 
     title: function(){ 
      return Name(); 
     }, label: function(tooltipItem, data){ 
       return tooltipItem.xLabel + ": " + tooltipItem.yLabel; 
     } 
    }, 
} 


function Name(){ 
    return "Point " + i; 
} 
+0

如果您不向我們展示您的代碼,我們應該如何知道問題所在? – DibsyJr

+0

更新@DibsyJr – crunchieoes

+0

你可以請張貼您的HTML和CSS以及。你在用CSS設計你的圖表嗎? –

回答

1

如果我正確理解你想要的工具提示的title反映x軸的圖表中dataindex,在這種情況下,你可以像這樣:

tooltips: { 
     callbacks: { 
      title: function (tooltipItems) { 
       return "Point " + (tooltipItems[0].index + 1); 
      } 
     } 
    } 

因爲在回調中提供給title()的參數之一是應該顯示的工具提示數組,所以您可以找出索引是什麼並加1,這將反映它的位置。這樣你也可以報廢Name()i變量。

但請記住,這反映了x軸上的位置,這意味着如果您在x軸上的相同位置有多個點,那麼它們將具有相同的標題。

+0

這是它的傑斯,這工作完美,非常感謝:) – crunchieoes

+0

沒問題,很高興我可以幫助:) – DibsyJr