2017-12-21 53 views
7

मैं echarts 3.8.5 में एक कस्टम टूलबॉक्स सुविधा बनाने की कोशिश कर रहा हूं, इसलिए उपयोगकर्ता चार्ट में अंक या टिप्पणियां जोड़ सकता है। मुझे कस्टम फीचर्स के साथ कोई डेमो नहीं मिला, और एक्सटेंशन एपीआई में दस्तावेज गायब है।ईचर्ट्स - कस्टम टूलबॉक्स सुविधा चिह्न/टिप्पणी

मेरे सवालों का:

  1. जब उपयोगकर्ता इस पर क्लिक (जैसे, जैसे कि जब आप पूर्वनिर्धारित सुविधाओं में ब्रश का चयन करें)
  2. मैं उपयोगकर्ता क्लिक के coords कैसे प्राप्त कर सकते हैं के रूप में "सक्रिय" कस्टम सुविधा स्थापित करने के लिए कैसे चार्ट
  3. कैसे जोड़ें में कस्टम तत्व चार्ट बनाने के लिए

उत्तर

2
  1. कस्टम FEA कैसे सेट करें "सक्रिय" संरचना के रूप में जब उपयोगकर्ता इस पर क्लिक (जैसे, जैसे कि जब आप पूर्वनिर्धारित सुविधाओं में ब्रश का चयन)

    • आप या तो dispatch an action,
    • या आप मैन्युअल रूप से चार्ट वस्तु को बदलने और अधिलेखित कर सकते हैं/जगह ले सकता है मौजूदा चार्ट ऑब्जेक्ट। आप एक पूरी तरह से नए चार्ट ऑब्जेक्ट सम्मिलित करने chart.setOption() उपयोग कर सकते हैं **
  2. मैं कैसे चार्ट

    • Use mouse events में उपयोगकर्ता क्लिक के coords प्राप्त कर सकते हैं क्लिक करता है, माउस ले जाने आदि
    कब्जा करने के लिए
  3. चार्ट

    पर कस्टम तत्व जोड़ने के लिए कैसे करें
    • विकल्पों में कुछ (अक्ष, श्रृंखला, ..) जोड़ने के लिए, आप chart.setOption() का उपयोग कर सकते हैं।
    • सेटिंग्स को टॉगल करने या डेटाज़ूम जैसी कार्रवाइयों को ट्रिगर करने के लिए, आप dispatch an action कर सकते हैं।

** आप एक custom toolbox feature जब

toolbox: { 
    feature: { 
     myFeature: { 
      show: true, 
      title: 'My custom feature', 
      icon: 'image:path/to/image-inactive.png' 
      onclick: function(){ 
       // do something 
      } 
     } 
    } 
}, 

आप मैन्युअल रूप से एक सक्रिय राज्य के लिए आइकन अद्यतन कर सकते हैं: (ध्यान दें: यह हमेशा मेरी से प्रारंभ होना चाहिए) का उपयोग कर:

chart.setOption({ 
    toolbox: { 
     feature: { 
      myFeature: { 
       icon: 'image:path/to/image-active.png' 
      } 
     } 
    } 
}) 

Echarts wil मैं परिवर्तनों का पता लगाता हूं, और आइकन अपडेट करता हूं। बेशक, आप इसे उसी तर्क के साथ निष्क्रिय पर सेट कर सकते हैं।

+0

क्या आप 1 से अधिक विशिष्ट हो सकते हैं? कृपया? मैंने सभी कार्यों में प्रलेखन पढ़ा है लेकिन मुझे अभी भी पता नहीं है कि किस का उपयोग करना है और कैसे। जब मैं टूलबॉक्स में कस्टम फीचर पर क्लिक करता हूं, तो मैं चाहता हूं कि यह सुविधा स्पष्ट रूप से सक्रिय हो, इसलिए मुझे यकीन नहीं है कि मुझे हाइलाइट या टूलबॉक्स एक्शन का उपयोग करना चाहिए – Boris

+0

देरी वाले उत्तर के लिए खेद है। मैंने समाधान के साथ आने की कोशिश की है। क्या आप इसे आजमा सकते हैं? मुझे लगता है कि यह काम करना चाहिए। –

संबंधित मुद्दे