jQuery स्पार्कलाइन और ट्विटर बूटस्ट्रैप 3-टूलटिप शैली ओवरराइड?




css twitter-bootstrap (4)

यहां यह जाता है: मैं ट्विटर बूटस्ट्रैप 3 के साथ jQuery स्पार्कलाइन का उपयोग करने की कोशिश कर रहा हूं। प्रक्रिया में, स्पार्कलाइन के टूलटिप ढीले स्टाइल, और यह स्पष्ट रूप से है कि बूटस्ट्रैप सीएसएस स्पार्कलाइन जेएस में कुछ ओवरराइड कर रहा है।

जहां तक ​​मैं बाहर कर सकता हूं, इसे tooltip चयनकर्ता के साथ करना है।

यहां एक उदाहरण दिया गया है कि इसे कैसे देखना चाहिए । यह बूटस्ट्रैप सीएसएस के बिना है। विभिन्न स्पार्कलाइनों पर इंगित करें, और मूल्यों के साथ एक सुंदर टूलटिप देखें: JSfiddle, इसे कैसे देखना चाहिए

दुर्भाग्यवश, यह तब होता है जब मैं बूटस्ट्रैप सीएसएस जोड़ता हूं : JSfiddle, यह बूटस्ट्रैप सीएसएस के साथ कैसा दिखता है।

मुझे यकीन है कि यह बहुत आसान है, लेकिन स्पार्कलाइन के लिए डिफ़ॉल्ट सीएसएस जेएस में हार्ड-कोड किया गया है, मैं समुद्र में बाहर हूं।

किसी भी प्वाइंटर की अत्यधिक सराहना की जाएगी।


कुंआ! मुझे लगता है कि यह हल हो गया है। सही नहीं है, लेकिन अभी के लिए काफी अच्छा है: दूसरों के लिए आगे के संदर्भ के लिए: स्पार्कलाइन जेएस में: लाइन 354 में जोड़ा गया:

'padding: 5px 5px 15px 5px;' +
'min-height: 30px;' +
'min-width: 30px;' +

और से 871 लाइन बदल दी:

this.width = this.sizetip.width() + 1;

सेवा मेरे:

this.width = this.sizetip.width() + 12;

सही नहीं है, लेकिन यह काम करता है।


मुझे एक ही समस्या थी, आप इस सीएसएस का उपयोग कर सकते हैं

  .jqstooltip{ 
       width:50px;
       height:25px!important;
    }

मैंने पाया कि यह सामग्री के आधार पर आकार बदलने के लिए सबसे अच्छा काम करता है।

.jqstooltip {
  width: auto !important;
  height: auto !important;
}


.jqstooltip {
  width: auto !important;
  height: auto !important;
}




sparklines