d3 linechart chuỗi miền x trục

Question

Tôi tương đối mới với D3 và tôi không thể tìm ra lý do tại sao một số thứ không hoạt động .. Tôi muốn vẽ biểu đồ dạng đường với d3 và hoạt động tốt, nhưng tôi có vấn đề với các trục.

Với đoạn mã sau nó đi sai ở đâu đó và tôi không thấy làm thế nào để giải quyết ...

var x = d3.scale.linear() 
.range([0, width]); 

var xAxis = d3.svg.axis() 
.scale(x) 
.orient("bottom"); 

x.domain(d3.extent(data, function(d) { return d.age; })); 

nếu d.age là một số nguyên (như 1; 2; 3 vv), nó hoạt động tốt. Nhưng tôi muốn dây trên trục x. như ("hà lan", "Anh", "Bỉ").

Vì vậy, nếu d.age là số nguyên, nó vẽ đồ thị ok, nếu d.age là một chuỗi nó không vẽ bất kỳ thứ gì.

Tôi cũng đã thử thay vì tuyến tính để sử dụng thứ tự, nhưng điều này đã đưa ra một biểu đồ không chính xác. (những đường nhìn kỳ lạ ...).

Hy vọng ai đó có thể giúp tôi.

Answer 1

Nếu bạn muốn sử dụng giá trị phân loại trên trục, bạn cần một thang đo phân loại (thứ tự). Hãy xem the documentation. Mã của bạn sẽ giống như

var x = d3.scale.ordinal().rangeRoundBands([0, width]); 
var xAxis = d3.svg.axis().scale(x).orient("bottom"); 

x.domain(data.map(function(d) { return d.country; })); 

Lưu ý rằng đây sử dụng map để trích xuất các giá trị chuỗi - điều này có thể hoặc không thể được thực hiện trong trình duyệt cụ thể của bạn, xem here để biết thêm chi tiết.

Answer 2

Sử dụng

var x = d3.scale.ordinal().rangePoints([0, width]); 

Đây là Fiddle Liên kết http://jsfiddle.net/sk2Cf/