¿Qué es una columna de datos?
Una columna de datos es un conjunto de conjuntos de datos, como una línea, un conjunto de cilindros, etc. Los datos de todos los puntos en el gráfico provienen del objeto de la columna de datos. La estructura básica de la columna de datos es:
Serie: [{nombre: '', datos: []}]Consejo: La configuración de la columna de datos es una matriz, es decir, la configuración de datos puede contener múltiples columnas de datos.
El nombre en la columna de datos representa el nombre de la columna de datos y se mostrará en el cuadro de indicación de datos ( ToolTip ) y la leyenda ( leyenda )
Etiquetas:
1. Población de datos en la columna de datos:
Método 1: matriz unidimensional
Si hay una propiedad de categoría, use una matriz unidimensional
Datos: [1, 4, 6, 9, 10]
Método 2: matriz bidimensional
Si no hay propiedad de categoría, use una matriz bidimensional
Datos: [[5, 2], [6,3], [8,2]]
Método 3: Colección
Serie: [{Data: [{nombre: "Punto 1", color: "#00ff00", y: 0}, {nombre: "Punto 2", color: "#ff00ff", y: 5}]}]]2. Ancho de línea:
Cambiar el ancho de la línea a 5px y predeterminado a 1px
Serie: [{Datos: [216.4, 194.1, 95.6], LineWidth: 5}]3. DataCalables:
PlotOptions: {Series: {dataLabels: {habilitado: true,}}},4. Estilo de línea (estilo de tablero):
Serie: [{Datos: [1, 3, 2, 4, 5, 4, 6, 2, 3, 5, 6], DashStyle: 'Longdash'}, {Data: [2, 4, 1, 3, 4, 2, 9, 1, 2, 3, 4, 5], DashStyle: 'Shortdot'}]5. Zoom
Serie: [{nombre: "A", Data: [1,2,3], zoneAxis: 'x', // Especifique en qué eje actuar en: [{valor: 1.7, color: '#90ED7D' // Estas dos propiedades se pueden juntar pero no se pueden juntar con DashStyle}, {DashStyle: 'Dot'}]]]Lo anterior se trata de este artículo. En HighCharts, la configuración de las columnas de datos es una configuración muy importante. Al mismo tiempo, debido a que las propiedades configurables son muy correctas, la flexibilidad de configuración es muy alta y todos necesitan experimentarla y comprenderla por sí mismas.