C3: Gráfico spline desenhando incorretamente

Criado em 15 nov. 2016  ·  3Comentários  ·  Fonte: c3js/c3

Estou tendo problemas esporádicos com a série de gráficos spline. A série está desenhando incorretamente. Quando tenho duas datas, uma após a outra, às vezes a linha faz um loop sobre si mesma ou a linha passa pelo próximo ponto de dados e depois curva para trás em vez de apenas se curvar diretamente para o próximo ponto. Acho que a lógica do desenho está incorreta. Se eu alterar o gráfico para uma série de "linhas", ele será exibido corretamente.

Você pode ver meu problema se copiar o código do gráfico em sua página de exemplo. (http://c3js.org/samples/chart_spline.html)

Exemplo de código de gráfico:
var chart = c3.generate ({
dados: {
x: 'data',
colunas: [
['data', 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 tela:
image

Comentários muito úteis

Com a versão 0.5.1 de c3.js, a opção spline: { interpolation: { type: 'monotone' } } resolve esse problema.

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

2018-03-25 15 56 34

Todos 3 comentários

O problema nº 1501 é semelhante a este.

devido a alguns bugs no d3: https://github.com/d3/d3/issues/2348

corrigido em d3 v4.0 (os interpoladores foram reescritos , incluindo a adição de uma doce spline Catmull-Rom), mas não há como dizer quando c3 alcançará (https://github.com/c3js/c3/issues/1648)

Com a versão 0.5.1 de c3.js, a opção spline: { interpolation: { type: 'monotone' } } resolve esse problema.

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

2018-03-25 15 56 34

Esta página foi útil?
0 / 5 - 0 avaliações