Tengo problemas esporádicos con las series de gráficos de splines. La serie se dibuja incorrectamente. Cuando tengo dos fechas una tras otra, a veces la línea se curva sobre sí misma o la línea se dispara más allá del siguiente punto de datos y luego se curva hacia atrás en lugar de simplemente curvarse directamente al siguiente punto. Creo que la lógica del dibujo es incorrecta. Si cambio el gráfico para que sea una serie de "líneas", se muestra correctamente.
Puede ver mi problema si copia el código del gráfico en su página de ejemplo. (http://c3js.org/samples/chart_spline.html)
Ejemplo de código de gráfico:
var chart = c3.generate ({
datos: {
x: 'fecha',
columnas: [
['fecha', 744336000000,752112000000,876096000000,882057600000,884304000000,888969600000,893203200000,897350400000,902361600000,908236800000],
['valores', 12.15,11.7,11.75,11.86,11.97,12.05,11.27,12.2,12.34,12.27]
],
tipo: 'spline'
}
});
Captura de pantalla:
El número 1501 es similar a este.
debido a algunos errores en d3: https://github.com/d3/d3/issues/2348
corregido en d3 v4.0 (los interpoladores se reescribieron , incluida la adición de una dulce spline Catmull-Rom), pero no se sabe cuándo se pondrá al día c3 (https://github.com/c3js/c3/issues/1648)
Con la versión 0.5.1 de c3.js, la opción spline: { interpolation: { type: 'monotone' } }
resuelve este problema.
Comentario más útil
Con la versión 0.5.1 de c3.js, la opción
spline: { interpolation: { type: 'monotone' } }
resuelve este problema.Ver: https://jsfiddle.net/mkw4h54r/10/