2011-10-28 42 views
40

Estoy dibujando un gráfico de barras usando highchart.jscómo ocultar highchart x - Los valores de datos eje

que no quiero para mostrar el x - eje de valores de datos.

¿Alguien me puede decir qué opción?
config completo:

var chart = new Highcharts.Chart({ 
       chart: { 
        renderTo: container, 
        defaultSeriesType: 'bar' 
       }, 
       title: { 
        text: null 
       }, 
       subtitle: { 
        text: null 
       }, 
       xAxis: { 
        categories: [''], 
        title: { 
         text: null 
        }, 
        labels: {enabled:true,y : 20, rotation: -45, align: 'right' } 

       }, 
       yAxis: { 
        min: 0, 
        gridLineWidth: 0, 
        title: { 
         text: '', 
         align: 'high' 
        } 
       }, 
       tooltip: { 
        formatter: function() { 
         return ''; 
        } 
       }, 
       plotOptions: { 
        bar: { 
         dataLabels: { 
          enabled: true 
         }, 
         pointWidth: 35, 
         color: '#D9CDC1' 
        } 
       }, 
       legend: { 
        enabled: false 
       }, 
       credits: { 
        enabled: false 
       }, 
       series: [{ 
        name: 'Year 1800', 
        data: [107] 
       }] 
      }); 

Respuesta

72

En Highcharts, gráficos de barras utilizar ejes invertidos, por lo que el eje inferior es realmente el eje y. (Véase también gráficos "columna" en el que el gráfico se gira 90 grados, en cuyo caso el eje horizontal es el eje X).

Es necesario añadir lo siguiente a la configuración de eje Y

labels: 
{ 
    enabled: false 
} 

Ver el después de la plena ejemplo: http://jsfiddle.net/k5yBj/433/

17

para ocultar las etiquetas de eje X establecer la opción labels: {enabled:false} así:

..... 
    ........ 
    , 
        xAxis: { 
         categories: [''], 
         title: { 
          text: null 
         }, 
         labels: { 
         enabled:false,//default is true 
         y : 20, rotation: -45, align: 'right' } 

        } 


..... 
.... 

Para ocultar las etiquetas de eje y establecer la opción labels: {enabled:false} así:

..... 
....... 
, 
       yAxis: { 
        min: 0, 
        gridLineWidth: 0, 
        title: { 
         text: '', 
         align: 'high' 
        }, 
        labels:{ 
         enabled:false//default is true 
        } 
       }, 
......... 
...... 

Refer the documentation para la comprensión del futher.

0

Si ocultando datos x, entonces mira este https://jsfiddle.net/anrilafosel/3g4z5kc3/

chart.xAxis[0].setCategories(newCategories); 
for (i = 0; i < chart.series.length; i++) { 
    var newData = []; 
    for (j = 0; j < toggler_hc13.length; j++) 
    if (toggler_hc13[j] === 1) 
     newData.push(series_hc13[i].data[j]); 
    chart.series[i].setData(newData); 
} 
Cuestiones relacionadas