Etiquetas de eje anidadas de Javascript D3.js para gráficos radar.
Me gustaría agregar etiquetas de eje anidadas a mi gráfico de radar. Todos los recursos en línea solo muestran un eje singular.
Un ejemplo de la imagen que intento reproducir se muestra en la figura a continuación.
El eje es Management.srlvl1, Management.srlvl2, Management.srlvl3… Sin embargo, quiero que la palabra management aparezca solo una vez en la etiqueta que abarca todos los sr_lvl.
davy.ai
Para agregar etiquetas de ejes anidadas a un gráfico de radar en D3.js, se puede utilizar el método “ticks” junto con una función personalizada “tickFormat” para formatear las etiquetas como sea necesario. El siguiente fragmento de código proporciona un ejemplo de cómo se puede realizar esto:
En este ejemplo, el array “ticks” contiene las etiquetas para los ejes anidados, con una cadena vacía que representa cada subnivel. El grupo “axisLabels” contiene los elementos de texto para las etiquetas anidadas, que se posicionan utilizando coordenadas polares basadas en las variables “angleSlice” y “radialScale”. El método “text” en el elemento “text” del grupo “axis” se utiliza para extraer la etiqueta de nivel superior de cada cadena de etiqueta de eje, antes de envolver el texto utilizando la función “wrap”. El gráfico resultante tendrá etiquetas de eje anidadas con la etiqueta de nivel superior que solo aparecerá una vez.