2016-08-01 29 views
5

Nhãn chồng chéo trên biểu đồ C3 trùng với định dạng ngày tháng. Tôi có googled truy vấn này nhưng đã không nhận được bất kỳ giải pháp cho it.Is Có thể rằng c3 chỉ cho thấy vài lần ngày thay vì sau đó hiển thị hoàn toàn mà dẫn đến sự chồng chéo trục x nhãn enter image description hereNhãn x-trục chồng lên nhau của biểu đồ 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' 
     } 
    } 
} 
}); 

Trả lời

2

Sử dụng c3.js tick.count cấu hình biểu đồ, đặt giá trị số nguyên mong muốn như 2,3 hoặc 4.

Sử dụng c3.js Timeseries Chart exmaple để phát với cấu hình này.

Vấn đề mà không tick.count: - enter image description here

Vấn đề giải quyết với tick.count cấu hình: - enter image description here

+0

Thanx @Chetan giải quyết vấn đề của nó –

Các vấn đề liên quan