charts - una - hacer graficas en app inventor

¿Cómo establecer el valor inicial como "0" en chartjs?

Question

Aquí está mi código. Necesito establecer el valor inicial como "0" en las escalas de los ejes xey. He intentado la última opción de escalas de versión.

graphOptions = {               
            ///Boolean - Whether grid lines are shown across the chart
            scaleShowGridLines: false,    
            tooltipTitleTemplate: "<%= label%>",
            //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: "<ul class=/"<%=name.toLowerCase()%>-legend/"><% for (var i=0; i<datasets.length; i++){%><li><span style=/"background-color:<%=datasets[i].strokeColor%>/"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>"
        };
        var LineChart = new Chart(ctx).Line(graphData, graphOptions);
   }     

Answer 1

Para Chart.js 2. *, la opción para que la escala comience en cero se enumera en las opciones de configuración de la escala lineal . Esto se usa para datos numéricos, que probablemente deberían ser el caso de su eje y. Entonces, necesitas usar esto:

options: {
    scales: {
        yAxes: [{
            ticks: {
                beginAtZero: true
            }
        }]
    }
}

Un gráfico de líneas de muestra también está disponible here donde se usa la opción para el eje y. Si sus datos numéricos están en el eje x, use xAxes lugar de yAxes . Tenga en cuenta que una matriz (y plural) se usa para yAxes (o xAxes ), porque también puede tener múltiples ejes.

Answer 2

Por favor agregue esta opción:

//Boolean - Whether the scale should start at zero, or an order of magnitude down from the lowest value
scaleBeginAtZero : true,

(Referencia: Chart.js )

NB: la solución original que publiqué fue para Highcharts, si no está utilizando Highcharts, elimine la etiqueta para evitar confusiones

Answer 3

Si como yo, es posible que necesite usarlo como una configuración predeterminada, simplemente coloque min: 0 dentro del nodo defaults.scale.ticks , de la siguiente manera:

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

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