Biểu đồ Phạm vi Khu vực C3js

Question

Có thể tạo biểu đồ phạm vi Vùng trong C3.js tương tự như biểu đồ của Highcharts không? Tôi đã đính kèm ảnh chụp màn hình và liên kết đến mẫu trực tiếp http://www.highcharts.com/demo/arearange-line.

Ý tưởng là hiển thị dữ liệu phạm vi, có lẽ là giá trị cao và thấp lịch sử, sau đó phủ lên các giá trị của năm hiện tại bằng biểu đồ dạng đường. C3 có thể làm điều này không?

Cảm ơn trước!

Answer 1

Tôi không nghĩ rằng có là một lựa chọn phạm vi biểu đồ khu vực, nhưng bạn có thể có thể giả mạo nó như vậy:

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 
    } 
}); 

Với css:

.c3-area { 
    opacity:1; 
} 

Dưới đây là một fiddle: http://jsfiddle.net/ot19Lyt8/17/