समय के साथ टेक स्टॉक का प्रदर्शन
हेज फ़ंड पिछले कुछ वर्षों में टेक स्टॉक्स के ट्रेंड का विश्लेषण करना चाहता है. उन्होंने Apple, IBM, और Netflix के स्टॉक प्राइस दिखाने वाला एक line plot माँगा है.
वे एक DateRangeSlider भी चाहते हैं ताकि वे देखे जा रहे समय-काल को समायोजित कर सकें, जिससे दिलचस्प अवधियों को पहचानना आसान हो जाए.
एक figure बना दिया गया है, जिसमें line glyphs जोड़े गए हैं. साथ ही, earliest_date और lowest_date को stocks["date"] कॉलम में सबसे पुराने और सबसे नए दिनांक के रूप में प्रीलोड किया गया है.
यह अभ्यास पाठ्यक्रम का हिस्सा है
Bokeh के साथ इंटरएक्टिव डेटा विज़ुअलाइज़ेशन
अभ्यास निर्देश
DateRangeSliderimport करें.DateRangeSlider()कॉल करें, जिसमेंtitleके लिए"Date"दें,startऔरendके लिए क्रमशःearliest_dateऔरlatest_dateदें,valueको"2014, 6, 2", "2018, 2, 7"के बराबर सेट करें, और widget के प्रत्येक interaction पर 1 दिन की वृद्धि शामिल करें..js_link()दो बार कॉल करें, widget के"value"कोfigकेx_rangeके"Start"और"End"से लिंक करें, और हर कॉल में attribute selector को क्रमशः0और1पर सेट करें.layout()कॉल करें ताकिsliderकोfigके ऊपर दिखाया जा सके.
इंटरैक्टिव व्यावहारिक अभ्यास
इस अभ्यास को इस नमूना कोड को पूरा करके आज़माएँ।
# Import widget
____
earliest_date = stocks["date"].min()
latest_date = stocks["date"].max()
fig.line(apple["date"], apple["close"], color="green", legend_label="Apple")
fig.line(netflix["date"], netflix["close"], color="red", legend_label="Netflix")
fig.line(ibm["date"], ibm["close"], color="purple", legend_label="IBM")
fig.legend.location = "top_left"
# Create DateRangeSlider
slider = DateRangeSlider(title="____", start=____, end=____,
value=("____", "____"), step=____)
# Link DateRangeSlider values to figure
slider.____("____", ____.____, "____", attr_selector=____)
slider.____("____", ____.____, "____", attr_selector=____)
# Create layout and display plot
output_file(filename="stock_price_over_time.html")
show(____(____, ____))