LoginSignup
7

More than 5 years have passed since last update.

【python】銘柄を検索してヒットする銘柄の株価をグラフ表示させる簡単実装

Last updated at Posted at 2018-12-01

はじめに

先月のはじめぐらいから、株価のアプリを自分で作りたいなぁ。。。とモヤモヤしていました。
ですので、作りました。アプリというには簡素な作りですので、もうちょっと肉付けする必要はありますが、まぁまともには動きます。
ただし銘柄がニューヨーク株式市場(NYSE)に上場する外国株11銘柄のみなので日本株対応させたいところ。
->データ取得方法のpandas_datareaderの仕様上。対応します。

実物

銘柄検索フォームがあります。
search.png

銘柄がヒットする場合、グラフを描画します。ちなみにソニーの株価です。
graph.png

ソースコード

import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input,Output
import pandas_datareader.data as web
import datetime

app = dash.Dash()

app.layout = html.Div(children=[
    html.Div(children='''
        銘柄入力:
    '''),

    dcc.Input(id='input', value='', type='text'),
    html.Div(id='output-graph')
])

@app.callback(
    Output(component_id='output-graph', component_property='children'),
    [Input(component_id='input', component_property='value')]
    )
def update_graph(input_data):
    start = datetime.datetime(2017,1,1)
    end = datetime.datetime.now()
    df = web.DataReader(input_data, 'iex', start, end)

    return dcc.Graph(
        id='example-graph',
        figure={
            'data': [
                {'x': df.index, 'y': df.close, 'type': 'line', 'name': input_data},
            ],
            'layout': {
                'title': input_data
            }
        }
    )

if __name__ == '__main__':
    app.run_server(host='0.0.0.0', port=8080)

データの取得方法

データはpandas_datareaderにて取得できます。
使用方法の詳細は以下サイト様に準拠したので、そちらご参照ください。
ソースコード上の以下の部分に相当。

import pandas_datareader.data as web
###省略###
df = web.DataReader(input_data, 'iex', start, end)

処理の流れ

  • メイン関数実行 #-> if _ name _ == '_ main _':
  • レイアウト描画 #-> app.layout
  • 入力値に対するコールバック関数起動 #-> @app.callback
  • 返り値でレイアウトが再描画 #-> Output(component_id='output-graph',

詳細の仕様については下記サイトに実例付きで紹介されているので、そちらをご覧ください。

ライブラリ

Dashを使用。
Webベースのグラフ描画ライブラリで、Reactなどjs系が中で動いているらしい。
その中でも、

  • dash_html_components
  • dash_core_components
  • Input,Output

を使用。html_componentはHTMLのタグで描画できる部分、core_componentはcontrollやgraphなどより高度な描画部分、Input,Outputは入力値処理の部分を担っている。

感想

ソースが短いわりに動いてよかった。
今度は移動平均線などの主要曲線を共に描画したい。
もしくは、Bokehなどを使用して、時系列的に描写したい。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7