title: Line graph using chart.js is showing too many tooltip boxes
body: <p>My graph displays fine, but when I hover the mouse over the data points, multiple boxes appear rather than just one.  I have tried to set the mode to index and the intersect to true in order to have only 1 tooltip to show up, but that didn't do anything.  I only want one box to show when I hover the mouse over the specific datapoint.  Any tips></p>
  
  <p>Here's my code in my html file within script tags
          </p>
  
  <pre><code>            var options = {
                  tooltips: {
              mode: 'dataset',
                  intersect: true
              }
              }
  
        var barData = {
          labels : [
            {% for item in labels %}
              "{{ item | round(1) }}",
            {% endfor %}
          ],
          datasets : [{
            fillColor: "rgba(255,255,255,0)",
            strokeColor: "rgba(151,187,205,1)",
            pointColor: "rgba(151,187,205,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(151,187,205,1)",
            bezierCurve : false,
            data : [
                  {% for item in values1 %}
              {{ item | round(1) }},
            {% endfor %}]
            }
                ]
            }
        Chart.defaults.global.animationSteps = 50;
        Chart.defaults.global.tooltipsenabled = true;
        Chart.defaults.global.tooltipsYPadding = 1;
        Chart.defaults.global.hoverMode = "index";
        Chart.defaults.global.hoverintersect = true;
        Chart.defaults.global.tooltipsCornerRadius = 1;
        Chart.defaults.global.tooltipstitleFontStyle = 'bold';
        Chart.defaults.global.tooltipsFillColor = "rgba(0,0,0,0.8)";
        Chart.defaults.global.animationEasing = "easeOutBounce";
        Chart.defaults.global.responsive = false;
        Chart.defaults.global.scaleLineColor = "black";
        Chart.defaults.global.scaleFontSize = 16;
        // get bar chart canvas
        var mychart = document.getElementById("chart1").getContext("2d");
        steps = 10
        max = {{ max1 }}
        // draw bar chart
        var LineChartDemo = new Chart(mychart).Line(barData, {
                  scaleOverride: true,
          scaleSteps: steps,
          scaleStepWidth: Math.ceil(max / steps),
          scaleStartValue: 0,
          scaleShowVerticalLines: true,
          scaleShowGridLines : true,
          barShowStroke : true,
          scaleShowLabels: true,
          bezierCurve: false,
        });
      &lt;/script&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/rQFJE.png" alt="Screenshot of too many tool tips showing up when mouse hovers over"></p>