Scroll 如何在chartjs中的条形图中添加垂直滚动,仅当数据多于空间时

Scroll 如何在chartjs中的条形图中添加垂直滚动,仅当数据多于空间时,scroll,chart.js,bar-chart,Scroll,Chart.js,Bar Chart,我已经在chartjs中创建了一个水平条形图,希望在超过5个数据时添加一个垂直滚动条,然后自动添加滚动图表。它显示滚动,但我想在图表滚动,只需要显示5条记录,其余记录在滚动 到目前为止我已经试过了 $(文档).ready(函数(){ 设data1=[{ 标签:'笔记本', 背景颜色:“#0360b8”, 数据:[399309278239235、203182、157、149、144、143、137、134、138、118、107、127、137] }, { 标签:'笔', 背景颜色:“#579e

我已经在chartjs中创建了一个水平条形图,希望在超过5个数据时添加一个垂直滚动条,然后自动添加滚动图表。它显示滚动,但我想在图表滚动,只需要显示5条记录,其余记录在滚动

到目前为止我已经试过了

$(文档).ready(函数(){
设data1=[{
标签:'笔记本',
背景颜色:“#0360b8”,
数据:[399309278239235、203182、157、149、144、143、137、134、138、118、107、127、137]
}, {
标签:'笔',
背景颜色:“#579ee2”,
数据:[112、211、232、232、203182、157、149、144、143、231、286、234、345、321、306、399、403]
}, {
标签:‘纸张’,
背景颜色:“#97c5f5”,
数据:[399309278239235、203182、157、149、144、143、137、134、138、118、107、127、137]
}];
让myChart=新图表(document.getElementById('divchart'){
键入:“水平线”,
数据:{
标签:[“第1分部”、“第2分部”、“第3分部”、“第4分部”、“第5分部”、“第6分部”、“第7分部”、“第8分部”、“第9分部”、“第10分部”、“第11分部”、“第12分部”、“第13分部”、“第14分部”、“第15分部”、“第16分部”、“第17分部”、“第18分部”],
数据集:data1
},
选项:{
回答:是的,
比例:{
xAxes:[{
滴答声:{
贝吉纳泽罗:是的
},
网格线:{
显示:假
}
}],
雅克斯:[{
网格线:{
显示:假,
}   
}],
},
图例:{
显示:对,
位置:'底部',
},
MaintaintAspectRatio:false,
}
});
});
.chartheight{height:250px;overflow-y:auto;}