Es posible cambiar el título de un eje de un HighCharts gráfico a través de programación?

Estoy tratando de hacer algo como esto:

charts.series[0].yAxis.title.text = 'new title';

o

charts.yAxis[0].title.text = 'new title';

(ya habiendo establecido un título cuando el gráfico se ha inicializado).

InformationsquelleAutor Tomba | 2011-05-04

5 Comentarios

  1. 29

    Sí, usted puede hacer esto mediante el uso de los siguientes:

    chart.yAxis[0].axisTitle.attr({
            text: 'new title'
        });
     
    
    • +1, gracias. Es esta documentado en ninguna parte? No lo pude encontrar en el documento oficial.
    • yo no lo creo – se encuentra en la Highcharts foro.
    • Este trabajo. pero cuando nos exportar el gráfico predeterminado ‘Valor’ texto no cambiar? Cualquiera sabe la manera de arreglar eso?
    • que está muy bien, pero necesito mostrar el mismo texto en el eje y mouseover, entonces, ¿cómo puedo lograr el mismo. (moverover de medios tales como la descripción)
  2. 24

    Esto se puede hacer directamente en el Axis objeto utilizando setTitle ahora. Por ejemplo:

    chart.yAxis[0].setTitle({ text: "Bananas" });

    Ver esta demostración JSFiddle. La firma del método es:

    setTitle(Object title, [Boolean redraw])

    Así que si lo desea, podría pasar un valor booleano que esperar con volver a dibujar. El title objeto toma los mismos parámetros que xAxis.title lo que significa que podría pasar en los estilos y varias otras opciones, así como el texto mismo. La documentación de la API tiene la información completa.

  3. 13

    No podía conseguir cualquiera de los anteriores para el trabajo, tal vez las cosas han cambiado desde el año pasado… terminé usando:

    chart.yAxis[0].update({
                    title:{
                        text: "new title"
                    }
                });

    y funcionó muy bien…

    • Puedo confirmar que sólo este método ha funcionado. El Uso De Highcharts 3.0.9
  4. 6

    A la respuesta anterior, tiene todavía un problema. Las imágenes creadas a partir de la trama mediante el módulo de exportación mostrará el título original, no la cambió uno. Agregue la línea siguiente a revisión:

    chart.options.yAxis[0].title.text = 'new title';
  5. 1

    He creado una demo de violín para cambiar dinámicamente el eje-y en el título. Consulte este JSFIDDLE

    HTML:

    <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
    
    <input type="button" value="Change Y-axis Title to 'My text'" id="my_btn">

    JS (parte del directorio thec código para actualizar el eje del título en el clic en un botón):

    var chart = $('#container').highcharts();
        $('#my_btn').click(function(){
            //alert('hey');
            chart.yAxis[0].update({
                title:{
                    text:"My text"
                }
            });
            alert('Y-axis title changed to "My text" !');
        });

    Consulte Highcharts ‘actualización’ de la función de documentación para más detalles.

Dejar respuesta

Please enter your comment!
Please enter your name here