es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Cómo formatear el texto delante de una etiqueta de datos en Highcharts?

Soy nuevo en highchart y actualmente estoy tratando de colocar texto delante de una etiqueta de datos

En highchart, puedes formatear los datos para que aparezca una unidad después de los datos

plotOptions: {
    series: {
        dataLabels: {
            enabled: true,
            format: '{y} mm'
        }
    }
},

Lo anterior colocará “mm” después de todas las etiquetas de datos (por ejemplo, “144mm”), sin embargo, deseo colocar la etiqueta delante de la etiqueta de datos (“mm144”).

La razón es que deseo mostrar un signo de dólar delante de mis datos (por ejemplo, “$100” se mostraría).

¿Cómo puedo lograr esto?
Gracias.

Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Para colocar texto delante de la etiqueta de datos en Highcharts, puedes cambiar el orden de la cadena de formato. En tu ejemplo, tienes format: {y} mm', lo cual mostraría los datos seguidos de “mm”. Para mostrar “mm” antes de los datos, debes usar format: 'mm {y}'. Luego puedes reemplazar “mm” con el texto deseado, como “$”.

    Código de ejemplo:

    plotOptions: {
      series: {
        dataLabels: {
          enabled: true,
          format: '$ {y}'
        }
      }
    },
    

    Esto mostrará la etiqueta de datos con un signo de dólar al principio, como “$100”.

Comments are closed.