शुरू करेंमुफ़्त में शुरू करें

Select के साथ लाइन प्लॉट बदलना

आपके अंतिम कार्य के लिए, हेज फंड ने आपसे Electronic Arts के स्टॉक परफॉर्मेंस के विश्लेषण हेतु विज़ुअलाइज़ेशन तैयार करने को कहा है.

आपने तय किया है कि Select विजेट सबसे उपयुक्त रहेगा, ताकि वे इन मेट्रिक्स के बीच स्विच कर सकें: close, market_cap, और volume.

stocks डेटासेट को EA के लिए फ़िल्टर किया गया है. तीन फ़िगर्स (close, market_cap, और volume) और हर मेट्रिक के लिए ग्लिफ़ सेट (close_line, market_cap_line, volume) बनाए जा चुके हैं और आपके लिए प्रीलोड किए गए हैं.

यह अभ्यास पाठ्यक्रम का हिस्सा है

Bokeh के साथ इंटरएक्टिव डेटा विज़ुअलाइज़ेशन

पाठ्यक्रम देखें

अभ्यास निर्देश

  • Select() कॉल करके menu बनाएँ: options आर्ग्यूमेंट में इस क्रम में लिस्ट पास करें — "Close", "Market Cap", और "Volume"; value को "Close" पर सेट करें; और टाइटल "Metric" दें.
  • विजेट के "value" को callback से लिंक करने के लिए menu का उपयुक्त मेथड कॉल करें.
  • show के अंदर layout कॉल करें, ताकि विजेट close, market_cap, और volume फ़िगर्स के ऊपर दिखे.

इंटरैक्टिव व्यावहारिक अभ्यास

इस अभ्यास को इस नमूना कोड को पूरा करके आज़माएँ।

# Create menu
menu = ____
callback = CustomJS(args=dict(plot_one=close, plot_two=market_cap, plot_three=volume, line_1=close_line, line_2=market_cap_line, line_3=volume_line), code="""
plot_one.visible = true
plot_two.visible = true
plot_three.visible = true
line_1.visible = true
line_2.visible = true
line_3.visible = true
if (this.value == "Close") {plot_two.visible = false
                            plot_three.visible = false
                            line_2.visible = false
                            line_3.visible = false}
    else {plot_one.visible = false
          line_1.visible = false} 
if (this.value == "Market Cap") {plot_one.visible = false
                                 plot_three.visible = false
                                 line_1.visible = false
                                 line_3.visible = false} 
    else {plot_two.visible = false
          line_2.visible = false}
if (this.value == "Volume") {plot_one.visible = false
                             plot_two.visible = false
                             line_1.visible = false
                             line_2.visible = false}
    else {plot_three.visible = false
          line_3.visible = false}
""")

# Set up the interaction
____

# Display the layout
output_file(filename="stock_metrics.html")
____
कोड संपादित करें और चलाएँ