简体   繁体   中英

Chart.js timescale: set min and max on xAxes

How can I set a min and max on the xAxes ? It works fine on the yAxes but on the xAxes it shows no behavior.

My xAxes is using the type: 'time' . My labels for the xAxis are using the moment object aswell. But it also does not work when I remove the type time and use normal digits. I am using the Chart.js version 2.2.2.

scales: {
   yAxes: [{
      ticks: {
         beginAtZero:false,
      }
   }],
   xAxes: [{
      type: 'time',
      ticks: {
         min: moment(1471174953000),
         max: moment(1473853353000)
      }   
   }]
}

Here is the chart.js Time Scale documentation.

The properties you are looking for actually are in the time attribute :

options: {
    scales: {
        xAxes: [{
            type: "time",
            time: {
                min: 1471174953000,
                max: 1473853353000
            }
        }]
    }
}

This was changed in 3.0

https://www.chartjs.org/docs/next/getting-started/v3-migration#options

scales.[x/y]Axes.time.max was renamed to scales[id].max
scales.[x/y]Axes.time.min was renamed to scales[id].min

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM