Chart.js #6283 test01

by Akihiko Kusanagi

HTML

<script src="https://www.chartjs.org/dist/master/Chart.min.js"></script>
<div>
  <canvas id="myChart"></canvas>
</div>

JavaScript

var ctx1 = document.getElementById("myChart");
var myChart1 = new Chart(ctx1, {
  type: 'line',
  data: {
    labels: ['a', 'b'],
    datasets: [{
      label: 'Dataset',
      data: [
        {x: 'a', y: 0},
        {x: 'b', y: 0},
        {x: 'b', y: 1},
        {x: 'a', y: 1},
        {x: 'a', y: 0}
      ]
    }]
  },
  options: {
    aspectRatio: 1,
    elements: {
      line: {
      	borderWidth: 20,
        tension: 0,
        fill: false
      }
    },
    legend: {
      display: false
    },
    layout: {
    	padding: 10
    }
  }
});