2016-08-01 11 views
5

सी 3 ग्राफ एक्स-अक्ष लेबल को ओवरलैप करता है जो दिनांक समय प्रारूप में है। मैं इस क्वेरी googled है लेकिन यह संभव है कि सी 3 केवल दिनांक समय की जोड़ी बल्कि तो पूरी तरह दिखा शो जो ओवरलैप x- अक्ष में परिणाम लेबल enter image description hereसी 3 ग्राफ ओवरलैपिंग एक्स-अक्ष लेबल

var data = { 
    x: 'x', 
    xFormat:'%Y-%m-%d/%H:%M', 
    empty: { 
     label: { 
      text: "No Data" 
     } 
    }, 
    columns: [ 
     ['x', '{$dateArray}'], 
     ['Attack', {$data}], 
    ],colors: { 
     Attack: '#67b7dc', 
    }, 
    types: { 
     Attack: 'area' 
    }}; 
var chart = c3.generate({bindto: '#chart1', 
size: { 
    height: 630, 
}, 
data: data, 
grid: { 
    x: { 
     show: true 
    }, 
    y: { 
     show: true 
    } 
}, 
tooltip: { 
    format: { 
     value: function (value, ratio, id) { 
      var format = value+' Gbps [ IP: '+destIp[value]+' ]'; 
      return format;    
     } 
    } 
}, 
zoom: { 
    enabled: true 
}, 
subchart: { 
    show: true 
},axis: { 
    x: { 
     type: 'timeseries', 
     tick: { 
      format: '%b %d, %H:%M', 
      rotate: 90, 
      multiline: false 
     } 
    }, 
    y: { 
     tick: { 
      format: function (d) { 
       return d.toFixed(3); 
      } 
     }, 
     label: { 
      text: 'Attack Size (Gbps)', 
      position: 'outer-middle' 
     } 
    } 
} 
}); 

उत्तर

2

उपयोग c3.js it.Is के लिए किसी भी समाधान नहीं मिला चार्ट कॉन्फ़िगरेशन tick.count, इसे 2,3 या 4.

इस कॉन्फ़िगरेशन के साथ खेलने के लिए c3.js Timeseries Chart exmaple का उपयोग करें। tick.count बिना

समस्या: - enter image description here

समस्या tick.count config के साथ हल: - enter image description here

+0

Thanx @Chetan अपनी समस्या हल –

संबंधित मुद्दे