सी 3 जेएस क्षेत्र रेंज चार्ट

Question

क्या हाइचार्ट्स की तरह C3.js में एरिया रेंज चार्ट बनाना संभव है? मैंने एक स्क्रीनशॉट संलग्न किया है और लाइव नमूना http://www.highcharts.com/demo/arearange-line से लिंक किया है।

विचार डेटा डेटा, शायद ऐतिहासिक उच्च और निम्न मान दिखाने के लिए है, और उसके बाद वर्तमान वर्ष के मूल्यों को रेखा चार्ट के साथ ओवरले करें। क्या सी 3 ऐसा कर सकता है?

अग्रिम धन्यवाद!

Answer 1

मुझे नहीं लगता कि वहाँ एक क्षेत्र ग्राफ़ विकल्प है, लेकिन आप नकली यह इतना की तरह करने में सक्षम हो सकता है:

.c3-area { 
    opacity:1; 
} 

यहाँ एक बेला है::

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

सीएसएस के साथ

http://jsfiddle.net/ot19Lyt8/17/