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

我正在尝试将烛台图(代表股票数据)和条形图(代表交易量)组合在一起。

我已经将它们显示在一张图表上,但是显示和布局出现问题。

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

其中之一是,烛台数据和条形数据并排放置,而不是堆叠在一起。另一个错误是条形图的体积数据的比例未在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(关闭,高,低,打开,日期)为 代表每个条目的库存数据
  • volData是一个包含数字的数组,用于表示每个商品条目的体积

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

aiqingchufeng2 回答:如何使用Chart.js绘制混合的财务/烛台图和条形图?

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

,

在我创建一个功能请求的chartJ中,目前似乎不支持此功能,请单击链接查看由于此而关闭的两个问题。

https://github.com/apexcharts/apexcharts.js/issues/2068

本文链接:https://www.f2er.com/3158839.html

大家都在问