0

necesito eliminar el nombre de la serie en la grafica. He probado mil formas y solo logro eliminarlo de la leyenda. Alguna idea? gracias

http://jsfiddle.net/minniek/fr9f0jk4/7/

1 respuesta 1

2

Todas las opciones de HighCharts están documentadas con excelente detalle.


Las etiquetas de cada serie son:

plotOptions.series.label

  • Hay que modificarle la propiedad enabled a false.


Dentro de la definición del objeto:

Highcharts.chart('container', {
    plotOptions: {
        series: {
            label: {
                enabled: false
            }
        }
    }
});


* No te las confundas con plotOptions.series.dataLabels, que esas son las etiquetas de cada punto.



Veámoslo en tu ejemplo:

Highcharts.chart('container', {
  chart: {
    type: 'line'
  },

  title: {
    text: 'EvsV'
  },

  yAxis: {
    title: '',
    plotLines: [{
      value: 100,
      width: 0.5,
      color: 'rgba(0,0,0,0.5)'
    }]
  },

  xAxis: {
    min: 0.5,
    categories: ['', 'Día 0', 'Día 1', 'Día 2', 'Día 3']
  },

  legend: {
    layout: 'vertical',
    align: 'right',
    verticalAlign: 'middle',
    itemMarginBottom: 15

  },

  tooltip: {
    shared: true,
    crosshairs: true,
    borderColor: Highcharts.getOptions().colors[2]
  },

  plotOptions: {
    series: {
      label: {
        enabled: false
      },
      dataLabels: {
        enabled: false
      }
    }
  },

  series: [{
    name: 'NH1',
    color: '#407ec9',
    data: [100, 100 + 12.1, 98, 77, 66],
  }, {
    name: 'NH2',
    color: '#5b6770',
    data: [100, (100 + 7.8), 73, 87, 56]
  }, {
    name: 'NH3',
    color: '#a4dbe6',
    data: [100, (100 + 6.7), 77, 89, 86]
  }, {
    name: 'NH4',
    color: '#b6b6b6',
    data: [100, (100 + 10.3), 98, 99, 86]
  }, {
    name: 'NH5',
    color: '#007482',
    data: [100, (100 + 7.5), 75, 95, 86]
  }, {
    name: 'NH6',
    color: '#3eb1c8',
    data: [100, (100 + 5.3), 88, 95, 86]
  }, {
    name: 'NH7',
    color: '#b9bcde',
    data: [100, (100 + 6.7), 77, 95, 86]
  }, {
    name: 'NH8',
    color: '#7d78c7',
    data: [100, (100 + 3), 99, 95, 86]
  }],

  credits: {
    enabled: false
  },

  exporting: {
    enabled: false
  }

});
#container {
  min-width: 310px;
  max-width: 800px;
  height: 400px;
  margin: 0 auto
}
<!-- Highcharts -->
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/series-label.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>


<!-- HTML -->
<div id="container"></div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.