billboard.js candlestick dataurl

by skyksit

HTML

<link rel="stylesheet" href="https://naver.github.io/billboard.js/release/latest/dist/theme/datalab.min.css">
<script src="https://naver.github.io/billboard.js/release/latest/dist/billboard.pkgd.min.js"></script>
<div id="dataFromURL"></div>

JavaScript

var chart = bb.generate({
  data: {
    x: "x",
    url: "https://skyksit.com/contents/out/stock/012700_01_12.json",
    mimeType: "json",
    type: "candlestick",
    colors: {
      data1: "red"
    },
    labels: false
  },
  candlestick: {
    color: {
      down: "blue"
    },
    width: {
      ratio: 0.5
    }
  },
  axis: {
    x: {
      type: "timeseries",
      tick: {
        format: "%Y-%m-%d"
      }
    }
  },
  grid: {
    x: {
      show: true,
      lines: [
        {
          value: "2000-02-08",
          text: "무증시점"
        }
      ]
    },
    y: {
      show: true
    }
  },
  zoom: {
    enabled: true, // for ESM specify as: zoom()
    type: "drag"
  },
  legend: {
    show: false
  },
	regions: [
    {
      start: "2000-01-20",
      end: "2000-03-17"
    }
  ],
  bindto: "#dataFromURL"
});