हम ExtJS 4 और amp के लिए इंटरेक्टिव टिप्स सेट करने के लिए series के कॉन्फ़िगरेशन का उपयोग कर रहे हैं; 5 । लेकिन ExtJS 6 के साथ, यह अब काम नहीं करता है। तो ExtJS 6 चार्ट पैकेज का उपयोग करके युक्तियां दिखाने का उचित तरीका क्या है?

series: [{
    type: 'pie',
    field: 'count',
    showInLegend: true,
    donut: false,
    tips: {
        trackMouse: true,
        width: 140,
        height: 40,
        renderer: function(storeItem, item) {
            this.update(storeItem.get('name') + ':' + storeItem.get('count'));
        }
    }
}]
0
talha06 4 पद 2015, 15:16

3 जवाब

सबसे बढ़िया उत्तर

ऐसा लगता है कि टूलटिप renderer विधि तर्कों को संस्करणों के बीच चारों ओर स्वैप किया गया है, अन्यथा आपके फ़ेल्ड ए> लगभग वहाँ है। this कीवर्ड टूलटिप के बजाय श्रृंखला प्रतीत होता है - वैसे भी एक्सटीजेएस में जेएस संदर्भ पर भरोसा करना सबसे अच्छा नहीं है और स्नेहा एपीआई को रिफैक्ट करते समय प्रयास करते हुए दिखाई देते हैं, यह सुनिश्चित करने के लिए कि आप लगातार एक संदर्भ की उम्मीद कर सकते हैं किसी भी कॉलबैक के पहले तर्क के रूप में प्रासंगिक घटक के लिए।

यदि आप सीरीज़-टूलटिप एपीआई में यह पुष्टि करेगा कि पहला तर्क टूलटिप का एक संदर्भ है और दूसरा तर्क चयनित रिकॉर्ड है - इसलिए आप निम्नानुसार टूलटिप को अपडेट कर सकते हैं:

{
    xtype: 'pie'
    // ...
    tooltip: {
        // ...
        renderer: function(tip, item){
            tip.update(item.get('name') + ': ' + item.get('count'));
        }
    }
}

»अद्यतन फ़िडेल

4
Emissary 6 पद 2015, 11:04

ऐसा लगता है कि आपने ext-charts से sencha-charts स्विच किया है।

यह Series के लिए कोई और tips संपत्ति नहीं है:

एक्सटीजेएस 4 - http: / /docs.sencha.com/extjs/4.0.7/#!/api/Ext.chart.series.Series-cfg-tips

ExtJS 6 -

nahab 4 पद 2015, 13:02
tooltip: {
  trackMouse: true,
  renderer: function(toolT, storeItem) {
              toolT.setHtml('dummy tooltip');
  }
}

इसे इस्तेमाल करे।

1
Kishor Patil 18 जुलाई 2016, 10:44