C3: Gráfico de spline que se dibuja incorrectamente

Creado en 15 nov. 2016  ·  3Comentarios  ·  Fuente: c3js/c3

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:
image

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/

2018-03-25 15 56 34

Todos 3 comentarios

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.

Ver: https://jsfiddle.net/mkw4h54r/10/

2018-03-25 15 56 34

¿Fue útil esta página
0 / 5 - 0 calificaciones