title: Chart.js - Hover labels to display data for all data points on x-axis
body: <p>I have a graph with multiple data points / lines. Currently, if you hover near a data point, it will display the label/value for that point.</p>
  
  <p>What I'd like is the following: when you hover anywhere on the chart, it will display the labels + values for all data points at that x-value simultaneously in a single label.</p>
  
  <p>For example, let's take the given datasets:</p>
  
  <pre><code>Date (x-labels): ['Jan 01','Jan 02','Jan 03']
  Apples Sold: [3,5,1]
  Oranges Sold: [0,10,2]
  Gallons of Milk Sold: [5,7,4]
  </code></pre>
  
  <p>When you hover over the middle of the graph, above the 'Jan 02' vertical space, the label should display:</p>
  
  <pre><code>Jan 02
  -----------------------
  Apples Sold: 5
  Oranges Sold: 10
  Gallons of Milk Sold: 7
  </code></pre>
  
  <p>Is there a simple way to accomplish this?</p>
  
  <p>Thanks.</p>