C3js Area Range chart

Question

E 'possibile creare un grafico dell'intervallo di area in C3.js simile a quello di Highcharts? Ho allegato uno screenshot e link al campione dal vivo http://www.highcharts.com/demo/arearange-line.

L'idea è di mostrare i dati dell'intervallo, forse i valori alti e bassi storici, e quindi sovrapporre i valori dell'anno corrente con un grafico a linee. Posso fare questo C3?

Grazie in anticipo!

Answer 1

Non credo che c'è un'opzione grafico gamma zona, ma si potrebbe essere in grado di fingere in questo modo:

var chart = c3.generate({ 
    data: { 
     columns: [ 
      ['data1', 300, 350, 300, 290, 225, 220], 
      ['data2', 250, 320, 280, 250, 170, 180], 
      ['data3', 230, 300, 240, 200, 150, 150] 
     ], 
     types: { 
      data1: 'area', 
      data2: 'line', 
      data3: 'area' 
     }, 
     colors: { 
      data1: 'rgb(215, 232, 248)', 
      data2: 'rgb(120, 178, 235)', 
      data3: '#ffffff' 
     } 
    }, 
    point: { 
     r: 1 
    } 
}); 

con i CSS:

.c3-area { 
    opacity:1; 
} 

Ecco un violino: http://jsfiddle.net/ot19Lyt8/17/