हाईचर्ट्स

Question

में सीएसएस क्लास का उपयोग करें (फ़ॉन्टवेइट, फ़ॉन्टकॉलर इत्यादि) जैसे हाईचार्ट विकल्पों के साथ सीएसएस शैलियों को निर्दिष्ट करने के बजाय, चार्ट के विभिन्न तत्वों को स्टाइल करने के लिए सीएसएस कक्षाओं का उपयोग करना संभव है?

Answer 1

हां, आपको !Important का उपयोग करना होगा क्योंकि यह इनलाइन style इनलाइन को ओवरराइड करने का एकमात्र तरीका है।
आपका चार्ट कुछ सामग्री पर प्रस्तुत किया गया है जिसे आपको chart.rendertTo विकल्प पर आईडी के पास करना है।
तो आप अपने चार्ट कंटेनर द्वारा तत्वों से मेल खा सकते हैं, जैसे।

#container text { 
    font-size: 14px !Important; 
} 

Demo

Answer 2

कई मामलों (टूलटिप, लेबल) useHTML सेट कर सकते हैं के रूप में सच है, और उसके बाद बिना सीएसएस शैलियों का उपयोग करें! महत्वपूर्ण या सीएसएस शैलियों के साथ अपने स्वयं के तत्वों को परिभाषित करने के फ़ॉर्मेटर का उपयोग करें।

उदाहरण http://api.highcharts.com/highcharts#tooltip.useHTML

Answer 3

आपका Highcharts चार्ट अपने HTML में एसवीजी है। कक्षाओं के नाम जानने के लिए आपको एसवीजी स्रोत कोड का निरीक्षण करने की आवश्यकता है और फिर आप उन्हें अपने सीएसएस में उपयोग कर सकते हैं। आपको जोड़ने की ज़रूरत है! महत्वपूर्ण क्योंकि कुछ डिफ़ॉल्ट शैलियों एसवीजी में पहले से मौजूद हैं।

उदाहरण के लिए आप

text { 
    fill:red !important; 
    font-family: "Arial" !important; 
    font-size : 12px !important; 
} 

उपयोग कर सकते हैं डिफ़ॉल्ट फ़ॉन्ट रंग, परिवार और शैली को परिभाषित करने के

या

.highcharts-yaxis-labels text 
{ 
    (some css) 
} 

y- अक्ष लेबल शैली

Answer 4

परिभाषित करने के लिए आप हाईचार्ट्स चार्ट 'विकल्प में सीएसएस क्लास नाम का उपयोग कर सकते हैं लेकिन ये परिवर्तन wil मैं निर्यात चार्ट पर प्रतिबिंबित नहीं करता हूं।

chart{ 
    type: 'line', 
    className: 'someCss' 
} 

सीएसएस:

.someCss{ 
    border-top-left-radius: 25px; 
    font-weight: bold; 
    font-style: italic; 
} 

उदाहरण के लिए