Javascript 混合图表不同时显示两个图表chart.js

我正在混合模式下创建一个chart.js图，在这里我尝试显示条形图和线形图。问题是只有在我注释或删除线条部分时才会出现条形图，否则对于这两个部分（条形图和线条图），我只能得到线条图。我尝试在单个数据集下对这两个部分都使用棍棒，但没有显示任何内容。在解决问题时需要指导。我的建议如下：

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

 var file = 'TempData.csv';
        d3.csv(file).then(makeChart);
        function makeChart(days) {
            var dayLabel = days.map(function(d){return d.Time});
            var dayTemp = days.map(function(d) {return d.Value});
            var dayHeap = days.map(function(d){return d.heap});
            //Set Min for better visiable range
            var minX = d3.min(dayTemp);
            minX -= 10;

            var chart = new Chart('chart', {
                type: 'bar',
                data: {
                    labels: dayLabel,
                    datasets: [
                        {
                            data: dayTemp,
                            backgroundColor: "rgba(217,83,79,0.75)"
                        }
                    ]
                 },
              type: 'line',
                data: {
                    labels: dayLabel,
                    datasets: [
                        {
                            data: dayHeap,
                            backgroundColor: "rgba(51,51,51,0.5)"
                         }
                    ]

                },
                options: {
                    title: {
                        display: true,
                        text: file
                    },
                    legend: {
                        display: true
                    },
                    scales: {
                        xAxes: [
                            {
                                ticks: {
                                    suggestedMin: minX,
                                }
                            }
                        ]
                    }
                }
            });
        }
    </script>

Time,Value,heap
Sun,80,190
Mon,90,180
Tue,70,150
Wed,80,120
Thu,95,170
Fri,89,199
Sat,75,160

---

能够解析同一数据集中的堆叠线和条。以下是工作代码

<script>
            var file = 'TempData.csv';
            d3.csv(file).then(makeChart);
            function makeChart(days) {
                var dayLabel = days.map(function(d){return d.Time});
                var dayTemp = days.map(function(d) {return d.Value});
                var dayHeap = days.map(function(d){return d.heap});
                //Set Min for better visiable range
                var minX = d3.min(dayTemp);
                minX -= 10;

                var chart = new Chart('chart', {
                    type: 'bar',
                    data: {
                        labels: dayLabel,
                        datasets: [
                            {
                                type:'bar',
                                data: dayTemp,
                                backgroundColor: "rgba(217,83,79,0.75)"

 },
                            {
                                type:'line',
                                data:dayHeap,
                                backgroundColor: "rgba(51,51,51,0.5)"
                            },
                        ]
           //         },

                    },
                    options: {
                        title: {
                            display: true,
                            text: file
                        },
                        legend: {
                            display: true
                        },
                        scales: {
                            xAxes: [
                                {
                                    ticks: {
                                        suggestedMin: minX,
                                    }
                                }
                            ]
                        }
                    }
                }
            )};
        </script>

var文件='TempData.csv'；
d3.csv（文件）。然后（makeChart）；
函数生成图（天）{
var daylab=days.map（函数（d）{return d.Time}）；
var dayTemp=days.map（函数（d）{返回d.Value}）；
var daysheap=days.map（函数（d）{return d.heap}）；
//设置最小值以获得更好的可视范围
var minX=d3.min（日温度）；
minX-=10；
var图表=新图表（“图表”{
类型：'bar'，
数据：{
标签：dayLabel，
数据集：[
{
类型：'bar'，
数据：dayTemp，
背景颜色：“rgba（217,83,79,0.75）”
},
{
类型：'行'，
数据：dayHeap，
背景颜色：“rgba（51,51,51,0.5）”
},
]
//         },
},
选项：{
标题：{
显示：对，
文本：文件
},
图例：{
显示：真
},
比例：{
xAxes：[
{
滴答声：{
建议的明：明克斯，
}
}
]
}
}
}
)};