Charts 如何使用Chart.js绘制混合财务/烛台和条形图?
我试图将烛台图(表示股票数据)和条形图(表示成交量)结合起来 我已经把它们显示在一张图表上了,但是我的显示和布局有问题 首先,烛台和条形图数据并排放置,而不是堆叠在一起。另一个错误是条形图的体积数据比例未在y轴上正确表示(y轴使用烛台数据作为基础) 以下是呈现图表的当前代码: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: [{
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中不支持此功能。我创建了一个功能请求,请按照链接查看因此而关闭的两个问题