मैं नई c3js लाइब्रेरी का उपयोग कर रहा हूं। क्या चार्ट में डेटा के टुकड़े के लिए लेबल बदलने का कोई तरीका है? मेरे पास एक बार चार्ट है जहां प्रत्येक बार एक डॉलर मूल्य है। मैं चाहता हूं कि प्रत्येक बार के लिए लेबल 100 के बजाय $ 100 हो। यदि मैं मान $ 100 पर सेट करता हूं तो लाइब्रेरी चार्ट नहीं बना सकती है। क्या लेबल बदलने का कोई तरीका है - अगर अंतर्निहित मूल्य नहीं है?क्या c3js के साथ लेबल बदलने का कोई तरीका है?
5
A
उत्तर
8
आप डेटा लेबल और एक्सिस टिक्स दोनों के लिए स्वरूपण निर्दिष्ट कर सकते हैं। नीचे दिए गए उदाहरण पर एक नज़र डालें।
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./css/c3.css">
<script src="./js/d3.min.js"></script>
<script src="./js/c3.min.js"></script>
</head>
<body>
<div class='chart'>
<div id='chart'></div>
</div>
<script>
var chart = c3.generate({
data: {
columns: [
['data1', 30, 200, 100, 400, 150, 250],
['data2', 130, 100, 140, 200, 150, 50]
],
type: 'bar',
labels: {
format: {
y: d3.format("$,")
//y: function (v, id) { return "Custom Format: " + id; }
}
}
},
axis : {
y : {
tick: {
format: d3.format("$,")
//format: function (d) { return "Custom Format: " + d; }
}
}
}
});
</script>
</body>
</html>
The resulting graph looks like this.
formatting options in d3.js या अपने खुद के समारोह आप लिख सकते हैं (ऊपर कोड बाहर टिप्पणी की) चेक बाहर।
6
तुम भी स्ट्रिंग के रूप में मान दिखा सकते हैं: http://c3js.org/samples/data_stringx.html
var chart = c3.generate({
data: {
x : 'x',
columns: [
['x', '$100', '$200', '$300', '$400'],
['download', 30, 200, 100, 400],
['loading', 90, 100, 140, 200],
],
groups: [
['download', 'loading']
],
type: 'bar'
},
axis: {
x: {
type: 'categorized' // this is needed to load string x value
}
}
});
संबंधित मुद्दे
- 1. c3js: फ़ॉन्ट आकार बदलने का कोई तरीका है?
- 2. क्या कोई TFS लेबल का नाम बदलने का कोई तरीका है?
- 3. क्या कोई लेबल अक्षम करने का कोई तरीका है?
- 4. क्या JDialog के मालिक को बदलने का कोई तरीका है?
- 5. क्या UILabel के टेक्स्ट को बदलने का एनीमेट करने का कोई तरीका है?
- 6. एक्सकोड: इंटरफ़ेस बिल्डर में लाइन स्पेसिंग (UI लेबल) को बदलने का कोई तरीका है?
- 7. क्या RequJS के साथ गतिशील रूप से Marionette ItemView टेम्पलेट को बदलने का कोई तरीका है?
- 8. क्या बिल्डर में tilde के साथ घर निर्देशिका को बदलने का कोई अच्छा तरीका है?
- 9. क्या रिएक्ट नेटिव के साथ एंड्रॉइड स्टेटस बार रंग बदलने का कोई तरीका है?
- 10. क्या आपके आवेदन के लिए डिफ़ॉल्ट फ़ॉन्ट बदलने का कोई तरीका है
- 11. क्या एक्शनबार्सशॉक के साथ नए ड्रॉवरलेआउट का कोई तरीका है?
- 12. Magento में लॉगिन पेज यूआरएल बदलने का कोई तरीका है?
- 13. सी ++: लंबी घोषणाओं को बदलने के साथ अनावश्यकता से बचने का कोई तरीका है?
- 14. क्या जेस्ट console.log स्टेटमेंट निगलता है? क्या इसे बदलने का कोई तरीका है?
- 15. क्या विजुअल स्टूडियो 2005 के 3.5 के .NET फ्रेमवर्क संस्करण को बदलने का कोई तरीका है?
- 16. UIScrollView के लिए zoomToRect की अवधि बदलने का कोई तरीका?
- 17. क्या UICollectionViews के लिए एनिमेशन की गति को बदलने का कोई तरीका है?
- 18. क्या लुसीन में टर्म स्थिति के आधार पर स्कोरिंग बदलने का कोई तरीका है?
- 19. क्या विजुअल स्टूडियो में इंटेलिसेन्स में सूचीबद्ध रचनाकारों के क्रम को बदलने का कोई तरीका है?
- 20. क्या पूरे भंडार इतिहास के माध्यम से एसवीएन उपयोगकर्ता नाम बदलने का कोई तरीका है?
- 21. एचटीएमएल 5 कैनवास: क्या "निकटतम पड़ोसी" resampling के साथ छवि का आकार बदलने का कोई तरीका है?
- 22. क्या तैनात क्लिकऑन एप्लिकेशन का नाम बदलने का कोई तरीका है?
- 23. क्या पर्ल स्क्रिप्ट का उपयोग कर Windows फ़ोल्डर आइकन बदलने का कोई तरीका है?
- 24. क्या vim omnicomplete मेनू के व्यवहार को बदलने का कोई तरीका है?
- 25. क्या विम के डिफ़ॉल्ट मोड को बदलने का कोई तरीका है
- 26. क्या Python के खुले() डिफ़ॉल्ट टेक्स्ट एन्कोडिंग को बदलने का कोई तरीका है?
- 27. क्या .vagrand.d स्थान (आवृत्ति बक्से के लिए स्थान) को बदलने का कोई तरीका है?
- 28. क्या .htaccess के माध्यम से अपाचे त्रुटि लॉग फ़ाइल को बदलने का कोई तरीका है?
- 29. क्या आईफोन में इंटरफेस अभिविन्यास को बदलने के लिए मजबूर करने का कोई तरीका है?
- 30. क्या wpf में बाइंडिंग के डिफ़ॉल्ट व्यवहार को वैश्विक रूप से बदलने का कोई तरीका है?
अगर मैं 'एक्स में शामिल हैं: 'डेटा अंदर x'', मैं त्रुटियों d3.v3.min.js मिल जाएगा: 1 त्रुटि: के लिए अमान्य मान विशेषता x = "NaN" a @ d3.v3.min.js: 1 (अनाम कार्य) @ d3.v3.min.js: 3Y @ d3.v3.min.js: 1Aa.each @ d3.v3.min .js: 3Aa.attr @ d3.v3.min.js: 3redraw @ c3.js: 1417init @ c3.js: 1289c3.generate @ c3.js: 1972 (अनाम कार्य) @ c3-chart.init.js: 135c @ jquery.js: 4p.fireWith @ jquery.js: 4x.extend.ready @ jquery.js: 4q @ jquery.js: 4 14d3.v3.min.js: 1 त्रुटि: विशेषता चौड़ाई = " NaN "u @ d3.v3.min.js: 1 (अनाम कार्य)। क्या आप मुझे बता सकते हैं कि क्यों –
codelearner
@codelearner, एक कारण यह हो सकता है कि 'अक्ष 'भाग' '' '' '' '' '' '' '' '' '' '' '' '' ''~~~~ सही घोंसले के लिए ध्यान से जांचें। यह उदाहरण काम करता है। –