no lines

by andig2

HTML

<script src="http://www.chartjs.org/dist/master/Chart.bundle.min.js"></script>
<canvas id="canvas" width="400" height="200"></canvas>

JavaScript

window.randomScalingFactor = function() {
  return (Math.random() > 0.5 ? 1.0 : -1.0) * Math.round(Math.random() * 100);
};
var canvas = document.getElementById('canvas');
var chart = new Chart(canvas, {
  type: 'bar',

  data: {
    datasets: [{
      label: 'lines',
      xAxisID: 'axis-time',
      type: 'line',
      borderColor: 'blue',
      fill: false,
      data: [{
        x: 0 * 3600,
        y: randomScalingFactor()
      }, {
        x: 1 * 3600,
        y: randomScalingFactor()
      }, {
        x: 2 * 3600,
        y: randomScalingFactor()
      }, {
        x: 3 * 3600,
        y: randomScalingFactor()
      }, {
        x: 4 * 3600,
        y: randomScalingFactor()
      }]
    }, {
      label: 'bars',
      xAxisId: 'axis-bar',
      type: 'bar',
      backgroundColor: 'red',
      data: [
        randomScalingFactor(),
        randomScalingFactor(),
        randomScalingFactor(),
        randomScalingFactor(),
        randomScalingFactor()
      ],
    }, ]
  },
  options: {
    scales: {
      xAxes: [{
        type: 'category',
        id: 'axis-bar',
        labels: ["January", "February"],
      }, {
        type: 'time',
        id: 'axis-time',
      }, ],
      // yAxes: [
      // ],
    },
  hover: {
    mode: 'nearest'
  },
  }
});