graph - propiedades - el valor faltante en el gráfico de líneas de highcharts no tiene líneas, solo puntos

highcharts tipos

Question

por favor mira esto:

http://jsfiddle.net/2rNzr/

var chart = new Highcharts.Chart({

    chart: {
        renderTo: ''container''
    },

    xAxis: {
        categories: [''Jan'', ''Feb'', ''Mar'', ''Apr'', ''May'', ''Jun'', ''Jul'', ''Aug'', ''Sep'', ''Oct'', ''Nov'', ''Dec'']
    },

    series: [{
        data: [29.9, '''', 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]

});

notará que los datos tienen un valor en blanco (el segundo valor), lo que hace que el gráfico de líneas se muestre incorrectamente.

¿Es esto un error?

¿Cuál es la forma correcta de especificar un valor faltante para que haya un espacio en el gráfico de líneas? es decir, NO quisiera que el gráfico de líneas simplemente dibuje una línea entre los puntos 1 y 3.

Muchas gracias por producir un excelente producto!

Tony

Answer 1

Deberá cambiar los valores que faltan a nulos y especificar que desea una línea / spline a través de los valores existentes.

var chart = new Highcharts.Chart({

    chart: {
        defaultSeriesType: ''line'',
        renderTo: ''container''
    },

    xAxis: {
        categories: [''Jan'', ''Feb'', ''Mar'', ''Apr'', ''May'', ''Jun'', ''Jul'', ''Aug'', ''Sep'', ''Oct'', ''Nov'', ''Dec'']
    },

    series: [{
        data: [29.9, null, 106.4, 129.2, 144.0, 176.0, null, 148.5, 216.4, 194.1, 95.6, 54.4],
    }]

});

vea http://jsfiddle.net/xynZT/ con defaultSeriesType: ''spline'' como ejemplo.

Answer 2

No se muestra incorrectamente, solo está trazando un diagrama de dispersión. Creo que esto es porque no tienes una serie completa, será tratado así. Es posible, y esto depende de que sus datos no usen un número negativo, intente poner la recopilación de no datos a 0 de manera que tenga data: [29.9, 0, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] y esto mostrará una línea.