2013-07-11 2 views
7

क्या d3.js अक्ष पर बड़ी संख्या को संक्षिप्त करने का कोई तरीका है? मुझे ऑनलाइन एक सहायक विधि देखने को याद है लेकिन इसे फिर से नहीं मिल रहा है। मैं अपने चार्ट मार्जिन को कम करने और इसे पढ़ने में आसान बनाने के लिए बड़ी संख्याओं को संक्षिप्त करना चाहता हूं।d3.js - संक्षिप्त रूप में अक्ष पर बड़ी संख्या दिखाएं

अर्थात 1,000,000 = 1 मी आदि

किसी d3.js सहायक वर्ग यह सराहना की जाएगी करने के लिए एक लिंक पोस्ट कर सकते हैं।

+3

क्या आप 'एसआई उपसर्ग' की तलाश में है, और [स्वरूप-ए भूरा रंग-साथ-si-उपसर्ग के साथ-अचल संख्या के- दशमलव] (http://stackoverflow.com/questions/13828003/format-a-number-with-si-prefix-with-fixed-number-of -डिसीमल) और [डी 3 स्वरूपण] (https://github.com/mbostock/d3/wiki/Formatting)। – havarc

+0

सही दिशा में मुझे इंगित करने के लिए धन्यवाद havrac। – paligap

उत्तर

0

हाय इस लिंक को चेक करें: http://bl.ocks.org/zanarmstrong/05c1e95bf7aa16c4768e। शायद यह आपकी मदद कर सकता है।

धुरी के लिए आप निम्न का उपयोग कर सकते हैं।

chart.yAxis().ticks(5).tickFormat(d3.format("s")); 

मैं dc.js और d3.js

आशा इस्तेमाल किया यह मदद कर सकते हैं

+1

लिंक का उपयोग न करें। बताएं कि लिंक के पीछे की सामग्री क्या बताती है। – buhtz

+1

ठीक है, शायद नियम स्पष्टीकरण के बिना एक लिंक का उपयोग नहीं करते हैं लेकिन आपके लिंक ने मदद की है। धन्यवाद। – Patricia

1

इस लिंक https://bl.ocks.org/mbostock/9764126

इस d3 v4 के लिए मेरे लिए काम किया चेक आउट:

function make_y_gridlines() {  
     return d3.axisLeft(yScale) 
       .ticks(10,"s") 

}