2013-10-08 7 views
9

मैं अलग-अलग स्टाइल वाले प्रमुख और मामूली टिकों के साथ धुरी खींचना चाहता हूं।डी 3 के वी 3 के साथ प्रमुख और मामूली टिक?

यह उदाहरण http://bl.ocks.org/vjpgo/4689130 लगभग वही है जो मैं चाहता हूं, लेकिन मैं इसे V3 के V3 के साथ काम नहीं कर सकता।

.subDivide() एक बहिष्कृत विधि है? मैं इसे वर्तमान दस्तावेज में नहीं देख सकता: https://github.com/mbostock/d3/wiki/SVG-Axes

यदि हां, तो V3 के V3 में प्रमुख और मामूली टिकों को आकर्षित करने का सबसे अच्छा तरीका क्या है? क्या मुझे दो पूरी तरह से अलग अक्षों को आकर्षित करना चाहिए?

+0

यप ने नोट किया [यहां] (https://github.com/mbostock/d3/releases/tag/v3.3.0) – user1614080

उत्तर

19

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

xaxisg.selectAll("line").data(x.ticks(64), function(d) { return d; }) 
    .enter() 
    .append("line") 
    .attr("class", "minor") 
    .attr("y1", 0) 
    .attr("y2", -60) 
    .attr("x1", x) 
    .attr("x2", x); 

xaxisg कंटेनर जिसमें धुरी से पहले तैयार किया गया है। स्केल का उपयोग आवश्यक संख्या में टिक उत्पन्न करने के लिए किया जाता है और मिलान डेटा द्वारा ही किया जाता है। इसका मतलब यह है कि .enter() चयन का उपयोग करते समय पहले से मौजूद उन लोगों के लिए कोई अतिरिक्त टिक नहीं खींची जाएगी।

पूर्ण jsfiddle here

+0

यह बहुत अच्छा है, धन्यवाद। – Richard

संबंधित मुद्दे