http://www.humblesoftware.com/envision/demos/finance

envisionFinance.js

function finance_demo(container) {
  const { price, summaryTicks, volume } = financeData;
  const options = {
    container,
    data: {
      price,
      summary: price,
      volume
    },
    trackFormatter(o) {
      const { data } = o.series;
      const index = data[o.index][0];
      const { date, close, volume } = summaryTicks[index];
      return `${date}: $${close}, Vol: ${volume}`;
    },
    xTickFormatter(index) {
      const date = new Date(summaryTicks[index].date);
      return date.getFullYear().toString();
    },
    // An initial selection
    selection: {
      data: {
        x: {
          min: 100,
          max: 200
        }
      }
    }
  };

  return new envision.templates.Finance(options);
}

finance_demo(document.querySelector("#editor-render-0"));