改变Chartjs财务图表yaxis从左到右

问题描述

将Chartjs财务图表yaxis从左改到右,试过这段代码但没用:

比例:{ y轴:[{ 显示:真实, 位置:'正确' }] }

https://www.chartjs.org/chartjs-chart-financial/

enter image description here

解决方法

在选项中将位置添加到第一个(默认)yAxes 对象

options: {
    scales: {
        yAxes: [{
        position: 'right'
      }]
    }
  }

编辑:似乎chartjs Financial 正在使用lib 的v3。在 v3 中,您必须以不同的方式编辑轴:

options: {
  scales: {
    y: {
      position: "right"
    }
  }
}

enter image description here

,
scales: {yAxes: [{
display: true,position: 'right',ticks: {
 beginAtZero: false,max: 2000,min: 1000,stepSize: 100
}}]}

scales: { yAxes: [{
display: true,ticks: {
 beginAtZero: true
},}]}

您可以尝试这两种方法,其中一种有效,取决于您的图表。