c3js: फ़ॉन्ट आकार बदलने का कोई तरीका है?

Question

क्या मैं c3js चार्टों का फ़ॉन्ट बढ़ा सकता हूं, जैसे धुरी लेबल, डेटा लेबल या श्रेणियों में? मैं सामान्य मामले फ़ॉन्ट को एक बड़े से सेट करने में रूचि रखता हूं।

मैंने दस्तावेज़ों की खोज की और किसी भी तरह से "फ़ॉन्ट" से संबंधित कुछ भी नहीं मिला।

Answer 1

सी 3 उत्पन्न करते समय प्रत्येक तत्व के लिए कुछ कक्षाएं देते हैं। तो, आप सीएसएस के साथ उन वर्गों का उपयोग करके तत्वों की शैली बदल सकते हैं।

उदाहरण: 1. रेखा शैली लाइनों में c3-line-[id] कक्षा है, इसलिए इस वर्ग का उपयोग सीएसएस में शैली को परिभाषित करने के लिए किया जा सकता है।

कक्षाओं की जांच के लिए एक वेब इंस्पेक्टर उपयोगी होगा।

अपने मामले लेबल में कर रहे हैं:

• c3-legend-item-event
• tick
• ....

C3js प्रलेखन से: http://c3js.org/gettingstarted.html

Answer 2

मैं थोड़ा के आसपास खोज करने के लिए किया था साथ ही अच्छी समझ प्राप्त करने के लिए c3.css फ़ाइल को पढ़ें डिफ़ॉल्ट रूप को कैसे बदलें।

यहां मेरे सिर के शीर्ष से कुछ कक्षाएं हैं जिन्हें आप लेआउट बदलना चाहते हैं, बस सी 3 सीएसएस को ओवरराइड करने के बाद अपनी सीएसएस फ़ाइल को शामिल करना सुनिश्चित करें।

.c3-legend-item
.c3-tooltip th
.c3-tooltip td

नीचे CodePen अन्य सीएसएस वर्गों आप अपनी पसंद के हिसाब से अपने सी 3 चार्ट कस्टमाइज़ करना होगा के सबसे शामिल हैं। मैं एक बार चार्ट/लाइन चार्ट हाइब्रिड करता हूं लेकिन पाई और डोनट चार्ट पर परीक्षण करता हूं ताकि कक्षाएं समान हों।

C3.js चार्ट: CodePen

Answer 3

निम्नलिखित दो वर्गों का प्रयोग करें।

.c3-axis-y text 
{ 
    font-size: 15px; //change the size of the fonts 
} 

.c3-axis-x text 
{ 
    font-size: 15px; //change the size of the fonts 
} 

दाहिने हाथ की ओर उपयोग पर y अक्ष के लिए - .c3-axis-y2 text

Answer 4

बस

table.c3-tooltip{ 
font-size:150px; 
} here 

परिवर्तन आपके फ़ॉन्ट आकार के हिसाब से