chart.js substitute tooltipItems

Question

I'm trying to create a bar chart using chart.js (2.0) that return a different string for each tooltipItems instead of the tooltipItem itself: I've seen how to add a prefixed text after the tooltipItem but I haven't found any solution for my problem. I've tryied something like this:

tooltips: {

                    mode: 'single',
                     callbacks: {
                            label: function(tooltipItems, data) { 
                                    for (i=0; i<tipData.length; i++) {
                                          return tipData[i];
                                    }
// other possible version
//                                  for(var p in tipData){
//                                      return tipData[p];
//                                  }
                        }
                       }
                      },

but it's not working. Thank you in advance for any help and best regards.

Is the 'tipData' the array that holds the strings that you want to display as tooltips? — Aniko Litvanyi, Oct 17 '16 at 11:25

score 2 · Accepted Answer · answered Oct 17 '16 at 11:54

2

Try to change your code the following way:

tooltips: {
    mode: 'single',
    callbacks: {
         label: function(tooltipItems, data) { 
                return tipData[tooltipItems.index]
         }  
    }
}

answered Oct 17 '16 at 11:54

Aniko Litvanyi

2,109
1
21
25

chart.js substitute tooltipItems

1 Answers1