chartjs-chart-financial #48 test01

by Akihiko Kusanagi

HTML

<script src="https://www.chartjs.org/chartjs-chart-financial/moment.js"></script>
<script src="https://www.chartjs.org/chartjs-chart-financial/Chart.js"></script>
<script src="https://www.chartjs.org/chartjs-chart-financial/Chart.Financial.js"></script>
<script src="https://www.chartjs.org/chartjs-chart-financial/utils.js"></script>
<div style="width:1000px">
  <canvas id="chart1"></canvas>
</div>

JavaScript

var data = getRandomData('April 01 2017', 60);

// Candlestick
var ctx = document.getElementById("chart1").getContext("2d");
ctx.canvas.width = 1000;
ctx.canvas.height = 250;
new Chart(ctx, {
  type: 'candlestick',
  data: {
    datasets: [{
      label: "CHRT - Chart.js Corporation",
      data: data,
      fractionalDigitsCount: 2,
    }]
  },
  options: {
    tooltips: {
      position: 'average',
      mode: 'index',
    },
  },
});