2013-06-03 7 views
10

प्रस्तुत करता है, जिस दिन मैंने एक अच्छा डेट-अक्ष हिस्टोग्राम प्राप्त करने की कोशिश कर रहे दिन का बेहतर हिस्सा बिताया, इस सीमा तक कि मैं स्टैक ओवरफ्लो पर अपना पहला प्रश्न पोस्ट कर रहा हूं।डी 3 + क्रॉसफिल्टर: डेट-अक्ष पिक्सेलथिन बार

bars are too thin

अक्ष और स्टैकिंग अभी जिस तरह से मैं इसे देखना चाहते हैं, फिर भी सलाखों (मेरे लिए) स्पष्ट कारण नहीं के लिए वास्तव में पतले होते हैं। दूसरे शब्दों में, मैं वास्तव में कुछ मदद की सराहना करता हूं।

var jsonstr = [{"timestamp": "2013-06-13T11:04:24.729Z"},{"timestamp": "2013-06-17T11:03:24.729Z"},{"timestamp": "2013-06-17T11:02:24.729Z"},{"timestamp": "2013-06-19T11:02:14.129Z"}]; 

var ndx = crossfilter(jsonstr); 

var timestampD = ndx.dimension(function (d) { 
    return new Date(d.timestamp); 
}); 

var timestampDG = timestampD.group(function (d) { 
    return d3.time.day(d); 
}); 

var barChart = dc.barChart("#dc-bar"); 
barChart.width(500) 
    .height(250) 
    .dimension(timestampD) 
    .group(timestampDG) 
    .x(d3.time.scale().domain([(new Date(2013,05,12)), (new Date(2013,05,20))]).nice(d3.time.day)) 
    .xAxis().tickFormat(function (x) { 
     return x.getDate() + "/" + (x.getMonth()+1); 
    }); 

dc.renderAll(); 

उत्तर

13

मुझे लगता है कि समस्या से कैसे वास्तव में है:

यहाँ एक कम से कम संस्करण (मैं dc.js पुस्तकालय का उपयोग कर रहा है, तथापि मैं बहुत आश्वस्त चुनौतियों d3 + crossfilters ओर से है हूँ) है आप dc.js का उपयोग कर रहे हैं; आपके द्वारा निर्दिष्ट नहीं क्या barchart में होना चाहिए units आज़माएं:।

barChart 
    .width(500) 
    .height(250) 
    .dimension(timestampD) 
    .xUnits(d3.time.days) 
    .ect 
+0

अच्छी तरह से देखा गया! वह चाल है। आपका बहुत बहुत धन्यवाद! –

+2

मैंने पिछले महीने इस समस्या से निराश ~ 5 घंटे बिताए; खुश है कि मैं किसी और को दर्द छोड़ सकता हूं। –

1

और ने इस समस्या हो रही किसी के लिए, जिनके लिए एडम जवाब कुछ भी करने को नहीं लगता है, सुनिश्चित करें कि आप elasticX नहीं करना जैसा मैंने किया था सत्य पर सेट करें।

+1

धन्यवाद! मैं अपने समय के पैमाने पर संघर्ष कर रहा था (कुछ भी दिखाई नहीं देगा) अल्टिल बस आपकी टिप्पणी में आया था। –