2

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

我已经将它们显示在一张图表上,但我遇到了问题的显示和布局。

在此处输入图像描述

一方面,烛台和条形数据并排放置,而不是堆叠在一起。另一个错误是条形图的交易量数据的比例在 y 轴上没有正确表示(它使用来自烛台的数据作为基础)。

这是我当前渲染图表的代码:

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

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

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

4

2 回答 2

0

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

于 2020-08-01T11:29:09.670 回答
0

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

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

于 2020-11-25T13:56:08.347 回答