title: How to integrate chartjs-chart-financial with chart js
body: <p>I'd like to use <code>chartjs-chart-financial</code> to plot a 'candlestick' chart. However, <code>chartjs-chart-financial</code> isn't published to npm yet. I run an <code>npm install</code> followed by <code>gulp build</code> in the directory that has the cloned repo from <a href="https://github.com/chartjs/chartjs-chart-financial" rel="nofollow noreferrer">https://github.com/chartjs/chartjs-chart-financial</a>. I see chartjs-chart-financial.js in the <code>dist</code> folder after it has built. However, I'm clueless as to how to get this to integrate with the base <code>chart.js</code> library, so that I can specify a <code>type: candlestick</code> on my Chart. I haven't been able to come across any examples where this is demonstrated..</p>
  <p>I'm currently using <code>react-chartjs-2</code> as a wrapper around <code>chart.js</code> since I'm working in React:</p>
  <pre><code>import React, { Component } from 'react';
  import Chart from '../node_modules/chart.js/dist/chart';
  
  class Financial extends Component {
      constructor() {
          super();
          this.myRef = React.createRef();
      }
  
      componentDidMount() {
          const ctx = this.myRef.current;
          this.myChart = new Chart(ctx, {
              type: 'bar',
              data: {
                  labels: [&quot;A&quot;, &quot;B&quot;, &quot;C&quot;],
                  datasets: [{
                      label: 'Test',
                      data: [12, 20, 15],
                      backgroundColor: 'gray'
                  }]
              }
          });
      }
      
      render() {
          return (
              &lt;canvas ref={this.myRef}/&gt;
          );
      }
  }
  
  export default Financial;
  </code></pre>
  <p>As you can see, I'm rendering a sample chart with type <code>bar</code> for now. I'd like to be able to use type 'candlestick' instead, along with its associated dataset.</p>
  <p>I'd appreciate any help!!</p>