chartjs / chartjs-chart-financial

Chart.js module for charting financial securities
MIT License
720 stars 195 forks source link

X values and data is not displayed #141

Closed palmy-investing closed 1 year ago

palmy-investing commented 1 year ago

My code:

<!--Luxon-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/luxon/3.2.1/luxon.min.js"></script>

<!--Main charts-->
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.2/dist/chart.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/luxon@1.26.0"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-luxon@1.3.0/dist/chartjs-adapter-luxon.umd.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/chartjs-chart-financial@0.1.1/dist/chartjs-chart-financial.min.js"></script>

<canvas id="ohlcvChart"></canvas>
 <script>

  var ctx = document.getElementById('ohlcvChart').getContext('2d');
  var ohlcvChart = new Chart(ctx, {
    type: 'candlestick',
    data: {
        datasets: [{
            label: 'OHLCV',
            data: [
                {
                    t: new Date("2022-12-18"),
                    o: 113,
                    h: 130,
                    l: 120,
                    c: 113,
                },
                {
                    t: new Date("2022-12-14"),
                    o: 112,
                    h: 130,
                    l: 120,
                    c: 110,
                },
                {
                    t: new Date("2022-12-10"),
                    o: 112,
                    h: 130,
                    l: 120,
                    c: 123,
                },
                {
                    t: new Date("2022-12-06"),
                    o: 119,
                    h: 121,
                    l: 111,
                    c: 115,
                }
            ],
            color: 'green',
            increasingColor: 'red',
            decreasingColor: 'green'

        }]
    },

});

  </script>

Whats wrong here? Thanks in advice