0
我想通過使用由工作日和值組成的公司分支數據繪製多行圖表。在X軸上有分類數據的D3多行圖表
var data = [
{
"label": "branch-1",
"values": [
{ "day": "Monday", "value": 20},
{ "day": "Tuesday", "value": 18},
{ "day": "Wednesday", "value": 29},
{ "day": "Thursday", "value": 31},
{ "day": "Friday", "value": 37},
{ "day": "Saturday", "value": 25},
{ "day": "Sunday", "value": 19}
]
},
{
"label": "branch-2",
"values": [
{ "day": "Monday", "value": 32},
{ "day": "Tuesday", "value": 29},
{ "day": "Wednesday", "value": 37},
{ "day": "Thursday", "value": 41},
{ "day": "Friday", "value": 31},
{ "day": "Saturday", "value": 28},
{ "day": "Sunday", "value": 17}
]
}
]
首先,我對x-axis
具有天的問題。由於「d」屬性在svg路徑上具有Nan值而不是正確的x座標,因此不生成線。我知道我不應該使用minX,maxX for x.domain,但是我找不到要使用的內容。
其次,我用d3.scale.category20()
函數來生成顏色。但我想知道,如果有超過20個分支,我是否可以使用超過20種顏色。是否可以使用CSS
?
在此先感謝。
感謝您的回答。我相應地修改了我的代碼,它就像一個魅力。 – Ayberk