title: How to append more data in tooltip of graph in chart.js
body: <p>Recently i have work on showing data from database table in a graph using <code>chart.js</code>. and in that graph tooltip, there are 2 data are showing But now i also want to combine 3rd data in that tooltip. </p>
  
  <p>Like:</p>
  
  <p><strong>customer in Jaunary 2016</strong></p>
  
  <p>monthly contomers for year 2016: -4.5</p>
  
  <p>loss 15%(3rd one)</p>
  
  <p><strong>Below is a snap for current graph</strong>
  <a href="https://i.stack.imgur.com/Bf4vg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Bf4vg.png" alt="enter image description here"></a></p>
  
  <p><strong>And here is also a db table data screenshot</strong></p>
  
  <p><a href="https://i.stack.imgur.com/Zfx4I.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Zfx4I.png" alt="enter image description here"></a></p>
  
  <p><strong>Here is my code</strong></p>
  
  <pre><code>    $(document).ready(function(){
      $.ajax({
          url: "&lt;?php base_url();?&gt;/charts/getsome",
          method: "GET",
          success: function(data) {
              console.log(data);
              var data = JSON.parse(data);
              var month = [];
              var customers = [];
  
              for(var i in data) {
                  month.push("Customer in " + data[i].apply_month);
                  customers.push(data[i].no_customers);
              }
              var chartdata = {
                  labels: month,              
                  datasets : [
                      {
                          label: 'monthly customers for Year 2016',
                          backgroundColor: 'rgba(200, 200, 200, 0.75)',
                          borderColor: 'rgba(200, 200, 200, 0.75)',
                          hoverBackgroundColor: 'rgba(200, 200, 200, 1)',
                          hoverBorderColor: 'rgba(200, 200, 200, 1)',
                          data: customers,
                          fill: false
                      }
  
                  ]
              };
  
              // alert(chartdata);
  
              var frame = $("#mycanvas");
  
              var barGraph = new Chart(frame, {
                  type: 'line',               
                  data: chartdata
              });
          },
          error: function(data) {
              console.log(data);
          }
      });
  });
  </code></pre>
  
  <p>Now please suggest me, how can i append 3rd data in these tooltips. Thanks :)</p>