Javascript 使用图表js在图形区域内绘制y轴

我想使用chart.js在图形区域内绘制y轴

因此，y轴值应该像这样画在画布区域的左侧（或右侧），而不是在画布区域的左侧（或右侧）：

---

您可以通过将y轴刻度的属性设置为

true

来实现这一点

options: {
   scales: {
      yAxes: [{
         ticks: {
            mirror: true
         }
      }]
   },
   ...
}

ᴡᴏʀᴋɪɴɢ ᴇxᴀᴍᴘʟᴇ ⧩

var ctx=c.getContext（'2d'）；
var图表=新图表（ctx{
键入：“行”，
数据：{
标签：[一月、二月、三月、四月、五月]，
数据集：[{
标签：'统计'，
数据：[30,10,20,50,40]，
背景颜色：“rgba（0，119，204，0.1）”，
边框颜色：“rgba（0，119，204，0.8）”，
张力：0
}]
},
选项：{
比例：{
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的，
mirror:true/您可以通过将y轴刻度的属性设置为
true来实现这一点

options: {
   scales: {
      yAxes: [{
         ticks: {
            mirror: true
         }
      }]
   },
   ...
}

ᴡᴏʀᴋɪɴɢ ᴇxᴀᴍᴘʟᴇ ⧩


var ctx=c.getContext（'2d'）；
var图表=新图表（ctx{
键入：“行”，
数据：{
标签：[一月、二月、三月、四月、五月]，
数据集：[{
标签：'统计'，
数据：[30,10,20,50,40]，
背景颜色：“rgba（0，119，204，0.1）”，
边框颜色：“rgba（0，119，204，0.8）”，
张力：0
}]
},
选项：{
比例：{
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的，
mirror:true//加上
padding
属性，我可以达到我需要的确切效果。谢谢！加上
padding
属性，我可以达到我需要的确切效果。谢谢！