d3.scaleBand कैसे काम करता है?

Question

this example से d3.scaleBand का उपयोग कर डी 3 वी 4 में काम कैसे कर सकता हूं?

Answer 1

डी 3 4.x में

, क्रमसूचक .rangeRoundBands बैंड .rangeRound साथ प्रतिस्थापित किया गया (इस प्रकार, वहाँ कोई और अधिक rangeRoundBands है)। कि इसके अलावा ...

नई बैंड .padding, बैंड .paddingInner और बैंड .paddingOuter तरीकों ordinal.rangeBands को वैकल्पिक तर्क की जगह।

तो, 0.05paddingInner पर जाता है।

d3.scaleBand() 
    .rangeRound([0, width]) 
    .paddingInner(0.05); 

मैं अपने उदाहरण में कोड फिर से लिखा है, डी 3 v4.x के लिए अद्यतन: https://plnkr.co/edit/HQz1BL9SECFIsQ5bG8qb?p=preview

आवश्यक परिवर्तन:

• var parseDate = d3.timeParse("%Y-%m"); यह कैसे लाइन डी 3 v4.x में दिखता है
• var x = d3.scaleBand().rangeRound([0, width]).paddingInner(0.05);
• var y = d3.scaleLinear().range([height, 0]);
• var xAxis = d3.axisBottom(x).tickFormat(d3.timeFormat("%Y-%m"));
• var yAxis = d3.axisLeft(y).ticks(10);
सलाखों के लिए
• : .attr("width", x.bandwidth())