0
345
ViewsHighCharts.js: ¿Cómo crear un diagrama de caja con tallos que representen intervalos de confianza, NO máx./mín.?
Estoy tratando de obtener mi código de HighCharts para generar un gráfico visualmente igual que la imagen de objetivo adjunta. Necesito averiguar:
- Cómo hacer que la información sobre herramientas en un diagrama de caja lea "Intervalo superior" e "Intervalo inferior" en lugar de las etiquetas Mínimo y Máximo respectivamente (marcadas con flechas rojas en la imagen adjunta de Highcharts).
- Necesito encontrar una manera de eliminar el cuadro en el gráfico de caja. Básicamente, cada punto de datos de la serie mostrará dos tallos largos que se encuentran con la mediana en el centro y los tallos superior e inferior como intervalos de confianza. (cambiado de mínimo y máximo como eran anteriormente) La imagen del objetivo adjunto muestra esto.
Gracias por cualquier ayuda.
2 answers
Answer question0
Para editar la información sobre herramientas, intente usar las opciones de series.boxplot.tooltip .
Aquí hay una posible solución de otro subproceso SO, que muestra cómo ocultar la serie de diagramas de caja, puede verificarla. ¿Cómo ocultar datos en una serie en diagrama de caja de gráficos altos?
Información útil de la documentación de Highcharts sobre cómo diseñar las cajas .
0
Para eliminar las cajas del diagrama de caja, utilicé esta solución publicada por el usuario Fusher: Highchart Forum Post Esto implicó configurar q1 y q3 para que tuvieran el mismo valor que la mediana para todos los puntos de datos en la serie del diagrama de caja.
Para cambiar la información sobre herramientas para que diga "Intervalo superior" e "Intervalo inferior" en lugar de Máximo y Mínimo respectivamente, utilicé: plotOptions.boxplot.tooltips.pointFormat
- Anulé el valor predeterminado de
<span style="color:{point.color}">●</span> <b> {series.name}</b><br/>Maximum: {point.high}<br/>Upper quartile: {point.q3}<br/>Median: {point.median}<br/>Lower quartile: {point.q1}<br/>Minimum: {point.low}<br/>
a
<span style="color:{point.color}">●</span> <b> {series.name}</b><br/>**UPPER INTERVAL**: {point.high}<br/>Upper quartile: {point.q3}<br/>Median: {point.median}<br/>Lower quartile: {point.q1}<br/>**LOWER INTERVAL**: {point.low}<br/>