-1
在d3圖表中,我不想在x軸中使用Date。我有簡單的類別和該類別值的計數,我想創建一個使用這些值的圖表。D3在x軸上使用類別名稱(字符串)的折線圖
我使用下面的URL創建線圖 http://bl.ocks.org/mbostock/3883245
但在今年的地方,我想展示在x軸上的類別名稱。
在d3圖表中,我不想在x軸中使用Date。我有簡單的類別和該類別值的計數,我想創建一個使用這些值的圖表。D3在x軸上使用類別名稱(字符串)的折線圖
我使用下面的URL創建線圖 http://bl.ocks.org/mbostock/3883245
但在今年的地方,我想展示在x軸上的類別名稱。
想要使用順序標尺代替x軸的時標,請參閱this。
基本上與
var x = d3.scaleBand()
.rangeRound([0, width]);
...
x.domain(data.map(function(d) { return d.date; }));
更換
var x = d3.scaleTime()
.rangeRound([0, width]);
...
x.domain(d3.extent(data, function(d) { return d.date; }));
但很難回答你的問題,而不到目前爲止你已經嘗試了任何代碼示例,你躲什麼。如果你提供了例如你的代碼jsfiddle你會得到更好的答案,而不是一個問題得到downvoted。
謝謝你清除幫助。我正在使用此https://jsfiddle.net/7dwemdLx/8/ jsfiddle示例來創建折線圖。 在這個例子中,它使用x軸的數值,但我想在x軸上顯示字符串值。請在示例數據集的下面找到創建折線圖。 var dataset = [ {x:「A」,y:5}, {x:「B」,y:8}, {x:「C」,y:13} ] – Pankaj
看到這個小提琴:https://jsfiddle.net/7dwemdLx/9/我唯一改變的(數據集除外)是xScale的定義。在你的原始問題中,你發佈的鏈接是d3v4,但在你的小提琴中使用d3v3,這就是爲什麼我原來的答案不適用於你的小提琴。 – Cleared
感謝您的快速幫助..... – Pankaj