how to set start value as 0 in chartjs

Question

here is my code  i need to set initial value as  0  in both x and y axis     scales  I have tried latest version scales option   graphOptions                                   Boolean - Whether grid lines are shown across the chart             scaleShowGridLines  false                  tooltipTitleTemplate    lt    label  gt                  String - Colour of the grid lines             scaleGridLineColor   rgba 0 0 0  05                  Number - Width of the grid lines             scaleGridLineWidth  1                Boolean - Whether to show horizontal lines  except X axis              scaleShowHorizontalLines  true                Boolean - Whether to show vertical lines  except Y axis              scaleShowVerticalLines  true                Boolean - Whether the line is curved between points             bezierCurve  true                Number - Tension of the bezier curve between points             bezierCurveTension  0 4                Boolean - Whether to show a dot for each point             pointDot  true                Number - Radius of each point dot in pixels             pointDotRadius  4                Number - Pixel width of point dot stroke             pointDotStrokeWidth  1                             pointHitDetectionRadius  20                             datasetStroke  true              datasetStrokeWidth  2              datasetFill  true                             legendTemplate    lt ul class    lt   name toLowerCase    gt -legend   gt  lt   for  var i 0  i lt datasets length  i      gt  lt li gt  lt span style   background-color  lt   datasets i  strokeColor  gt    gt  lt  span gt  lt  if datasets i  label    gt  lt   datasets i  label  gt  lt     gt  lt  li gt  lt     gt  lt  ul gt                      var LineChart   new Chart ctx  Line graphData  graphOptions

User · Answer

If you need use it as a default configuration, just place min: 0 inside the node defaults.scale.ticks, as follows:

defaults: {
  global: {...},
  scale: {
    ...
    ticks: { min: 0 },
  }
},

Reference: https://www.chartjs.org/docs/latest/axes/

User · Answer

Please add this option     Boolean - Whether the scale should start at zero  or an order of magnitude down from the lowest value scaleBeginAtZero   true     Reference  Chart js   N B  The original solution I posted was for Highcharts  if you are not using Highcharts then please remove the tag to avoid confusion

User · Answer

For Chart js 2    the option for the scale to begin at zero is listed under the configuration options of the linear scale  This is used for numerical data  which should most probably be the case for your y-axis  So  you need to use this   options        scales            yAxes                 ticks                    beginAtZero  true                                    A sample line chart is also available here where the option is used for the y-axis  If your numerical data is on the x-axis  use xAxes instead of yAxes  Note that an array  and plural  is used for yAxes  or xAxes   because you may as well have multiple axes

[charts] how to set start value as "0" in chartjs?

Examples related to charts

Examples related to chart.js