Javascript 从右侧滚动时，图表js会滚动到左侧隐藏区域

使用、nuxtjs和chartjs，我进行了水平滚动。 当我在蜡烛棒图表插件标签中写入style=“float:left”时，我可以滚动到右侧区域。 但另一方面，使用style=“float:right”不允许我滚动到左侧区域。 我想知道为什么会这样

package.json

{
“名称”：“正面”，
“版本”：“1.0.0”，
“说明”：“myNuxt.js项目”，
“作者”：“测试”，
“私人”：没错，
“脚本”：{
“开发”：“nuxt”，
“构建”：“nuxt构建”，
“开始”：“nuxt开始”，
“生成”：“nuxt生成”，
“lint”：“eslint--fix pages/***.{js，vue}”，
“预交付”：“棉纱”
},
“依赖项”：{
“@nuxtjs/axios”：“^5.3.6”，
“@nuxtjs/pwa”：“^3.0.0-0”，
“引导vue”：“^2.15.0”，
“chart.js”：“^2.9.4”，
“chartjs插件缩放”：“^0.7.7”，
“节点sass”：“^4.11.0”，
“nuxt”：“^2.0.0”，
“sass加载程序”：“^7.1.0”，
“vue chartjs”：“^3.5.1”，
“vue chartjs financial”：“^1.0.1”，
“vue模板编译器”：“^2.6.11”，
vue2转换“^0.3.0”
},
“依赖性”：{
“@nuxtjs/eslint config”：“^2.0.0”，
“@nuxtjs/eslint模块”：“^1.0.0”，
“babel eslint”：“^10.0.1”，
“eslint”：“^6.1.0”，
“eslint插件nuxt”：“>=0.4.2”，
“vue-cli-plugin-i18n”：“^0.5.1”
}
}

插件/candle-stick-chart.js

从“Vue”导入Vue
从“vue chartjs financial”导入{Candlestick，mixins}
常量{reactiveProp}=mixins
Vue.组件（‘蜡烛棒形图’{
延伸：烛台，
mixins:[reactiveProp]，
道具：[“选项”]，
挂载（）{
this.renderChart（this.chartData，this.options）
}
})

pages/test.vue

导出默认值{
数据（）{
返回{
数据收集：{}，
选项：{}
}
},
挂载（）{
这是fillData（）
this.fillData2（）
},
方法：{
fillData（）{
console.log（this.generateRandomChartData（））
this.datacollection={
标签：['1/1'、'1/2'、'1/3'、'1/4'、'1/5'、'1/6'、'1/7'，
'1/8','1/9','1/10'
],
数据集：[
{
标签：“OHLC”，
数据：this.generateRandomChartData（），
yAxisID：“y轴-1”，
},
{
标签：“行”，
数据：['0.155'、'0.118'、'0.121'、'0.068'、'0.083'、'0.060'、'0.067'，
'0.121','0.121','0.150','0.118','0.097','0.078','0.127',
'0.155','0.140','0.101','0.140','0.041','0.093','0.189',
'0.146','0.134','0.127','0.116','0.111','0.125','0.116'
],
键入：“行”，
yAxisID：“y轴-2”，
}
]
}
},
GeneratorDomainChartData（初始值=1000，计数=10，更改范围=100）{
让o=首字母；让h；让l；让c；让t=新日期（'2001-01-01'）。getTime（）
return[…数组（计数）].map（（\ux，i）=>{
o=c | | o
h=o+（这个随机变化（变化范围）/2）
l=o-（此随机变化（变化范围）/2）
c=o+（这个随机变化（变化范围）-（变化范围/2））
t+=（24*60*60*1000）
返回{
o、 h，l，c，t
}
})
},
GeneratorDomainData（初始值=1000，计数=10，更改范围=100）{
设o为初始日期；设t为新日期（'2020-01-01'）。getTime（）
return[…数组（计数）].map（（\ux，i）=>{
t+=（24*60*60*1000）
返回{
o、 h
}
})
},
随机变化（范围=100）{
返回Math.random（）*范围
},
fillData2（）{
此选项={
回答：是的，
MaintaintAspectRatio:false，
比例：{
雅克斯：[{
id:“y轴-1”，
位置：“左”，
}, {
id:“y轴-2”，
位置：“对”，
}],
},
}
},
}
}
.chartAreaWrapper{
宽度：80%；
溢出y：隐藏；
溢出-x：滚动；
}
.步行速度表{
边缘顶部：20px；
高度：1000px；
宽度：1200px；
}