本文介绍了如何使用Chart.js库创建横向柱状图，并着重讲解如何将X轴的数值刻度设置在上方显示，以提升用户查看长Y轴标签时的体验。通过修改配置选项，可以实现X轴置顶的效果。
用chart.js做横向柱状图表（horizontalBar）时，通常是下面这个样子的：
默认情况下，X轴（数值刻度）在下方显示。
但有时候，我们可能希望X轴在上方显示，例如，如果Y轴的标签比较多的时候，如果X轴在下方显示的话，用户可能要往下翻很久才能看到X轴上的数值刻度，这样体验不太好，但如果X轴在上方显示的话，就会好多了。
将position设置为top可实现此要求。下方是示例代码：
new Chart(cvs, {
type: 'horizontalBar',
data: 
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
