Charts 如何使用Chart.js绘制混合财务/烛台和条形图?

Charts 如何使用Chart.js绘制混合财务/烛台和条形图?,charts,chart.js,bar-chart,candlestick-chart,combinedchart,Charts,Chart.js,Bar Chart,Candlestick Chart,Combinedchart,我试图将烛台图(表示股票数据)和条形图(表示成交量)结合起来 我已经把它们显示在一张图表上了,但是我的显示和布局有问题 首先,烛台和条形图数据并排放置,而不是堆叠在一起。另一个错误是条形图的体积数据比例未在y轴上正确表示(y轴使用烛台数据作为基础) 以下是呈现图表的当前代码: chart = new Chart(ctx, { type: 'candlestick', data: { labels: labelsData, datasets: [{

我试图将烛台图(表示股票数据)和条形图(表示成交量)结合起来

我已经把它们显示在一张图表上了,但是我的显示和布局有问题

首先,烛台和条形图数据并排放置,而不是堆叠在一起。另一个错误是条形图的体积数据比例未在y轴上正确表示(y轴使用烛台数据作为基础)

以下是呈现图表的当前代码:

chart = new Chart(ctx, {
    type: 'candlestick',
    data: {
        labels: labelsData,
        datasets: [{
            label: "My Data",
            data: chartData
        },
        {
            label: 'Volume',
            data: volData,
            type: 'bar'
        }]

    }
});
  • labelsData包含每个条目的日期值
  • chartData包含JSON对象,其中c、h、l、o、t(close、high、low、open、date)为 表示每个项目条目的库存数据
  • volData是一个数组,其中包含表示每个条目的卷的数字

我应该添加什么使烛台和条形图放在同一列上,以及使条形图有自己的比例,这样它们就不会超出图表的高度?

似乎需要缩放体积数据,因为它是两个不同的Y值单位,

似乎currentlty在chartJs中不支持此功能。我创建了一个功能请求,请按照链接查看因此而关闭的两个问题