C3 grafiği üst üste binen x ekseni etiketi

Question

C3 grafik, tarih formatındaki x ekseni etiketlerini üst üste getiriyor. Ben bu sorguyu googled var ama sadece tarih saat çift ziyade örtüşme x ekseninde neden olan tamamen gösteren gösterir c3

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

Answer 1

Kullanım c3.js etiketler mümkün olduğu it.Is türlü çözüme alamadım chart config tick.count, 2,3 veya 4 gibi istenen tamsayı değerine ayarlayın.

Bu yapılandırmada oynamak için c3.js Timeseries Chart exmaple kullanın. tick.count olmadan

Sorun: - tick.count yapılandırma ile çözüldü

Sorun: -