Saltar al contenido

chart js ocultar eje x etiqueta código de barras ejemplo

Ejemplo 1: gráfico js rotando las etiquetas del eje x

var myChart = new Chart(ctx,type:'bar',
    data: chartData,
    options:
        scales:
            xAxes:[
                ticks:
                    autoSkip: false,
                    maxRotation:90,
                    minRotation:90]);

Ejemplo 2: orientación de las etiquetas del eje x del gráfico de barras plotly js

var trace1 =
  x:['2000-01-01','2000-01-02','2000-01-03','2000-01-04','2000-01-05','2000-01-06','2000-01-07','2000-01-08','2000-01-09','2000-01-10','2000-01-11','2000-01-12','2000-01-13','2000-01-14','2000-01-15','2000-01-16','2000-01-17','2000-01-18','2000-01-19','2000-01-20','2000-01-21','2000-01-22','2000-01-23','2000-01-24','2000-01-25','2000-01-26','2000-01-27','2000-01-28','2000-01-29','2000-01-30','2000-01-31'],
  y:[4.3,8.2,4.1,5.6,-3,-0.2,0.3,0.4,4.1,5,4.6,-0.2,-8.5,-9.1,-2.7,-2.7,-17,-11.3,-5.5,-6.5,-16.9,-12,-6.1,-6.6,-7.9,-10.8,-14.8,-11,-4.4,-1.3,-1.1],
  mode:'lines',type:'scatter',
  name:'2000';

var data =[ trace1 ];

var layout =
  xaxis:type:'date',
    title:'January Weather',
  yaxis:
    title:'Daily Mean Temperature',
  title:'2000 Toronto January Weather';

Plotly.newPlot('myDiv', data, layout);

No se te olvide mostrar este enunciado si te fue útil.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *