基于Python輕松制作一個(gè)股票K線圖網(wǎng)站

第基于Python輕松制作一個(gè)股票K線圖網(wǎng)站div

button

type="button"

data-toggle="collapse"

data-target=".navbar-collapse"

span

Toggle

navigation/span

span

/span

span

/span

span

/span

/button

a

href="/"rel="externalnofollow"rel="externalnofollow"Stock-Data/a

/div

div

ul

lia

href="/"rel="externalnofollow"rel="externalnofollow"Home/a/li

/ul

/div

/div

/div

{%

endblock

%}

{%

block

content

%}

div

{%

block

page_content

%}

{%

endblock

%}

/div

{%

endblock

%}

創(chuàng)建一個(gè)導(dǎo)航欄，并定義相關(guān)的block內(nèi)容

接下來編寫404.html文件，展示非法url請(qǐng)求地址時(shí)的頁面

{%

extends

"base.html"

%}

{%

block

title

%}Page

Not

Found{%

endblock

%}

{%

block

page_content

%}

div

h1Not

Found/h1

/div

{%

endblock

%}

對(duì)于index.html文件，就是我們需要展示K線圖的頁面，我們后面再處理。

編輯主邏輯

首先編寫一個(gè)檢查股票正確性的函數(shù)

def

check_stock(code):

n

=

0

l

=

[]

stock_code

=

pd.read_csv("stock_code_name.csv",

dtype=object)

stock_code.drop('Unnamed:

0',

axis=1,

inplace=True)

stock_list

=

stock_code.values.tolist()

for

i

in

stock_list:

if

code

in

i:

n

+=

1

l

=

i

else:

continue

return

n,

l

如果股票正確，則返回n=1，否則返回n=0

接下來再編寫獲取股票數(shù)據(jù)的函數(shù)

def

get_stock_data(code,

ctime):

df

=

ts.get_hist_data(code)

mydate

=

df[:ctime].index.tolist()

mydata

=

df[:ctime][['open',

'close',

'low',

'high']].values.tolist()

return

[mydate,

mydata]

下面就是把PyEcharts集成到Flask應(yīng)用了，可以按照官方的教程走，把PyEcharts的樣式文件等拷貝到自己的templates目錄下，再編寫一個(gè)用于調(diào)用kline_base()函數(shù)的視圖函數(shù)

@app.route("/Kline",

methods=['GET',

'POST'])

def

get_kline_chart():

stock_name

=

request.form.get('stockName')

query_time

=

request.form.get('queryTime')

if

not

stock_name:

stock_name

=

'平安銀行'

if

not

query_time:

query_time

=

30

status,

stock_code

=

check_stock(stock_name)

if

status

==

0:

return

'error

stock

code

or

name'

mydate,

mydata

=

get_stock_data(stock_code[0],

int(query_time))

c

=

kline_base(mydate,

mydata,

stock_code[1])

return

c.dump_options()

首先通過request變量獲取到前端傳遞過來的數(shù)據(jù)，分別為stockName和queryTime，如果這兩個(gè)參數(shù)是空值時(shí)，則賦予它們一個(gè)默認(rèn)值。

接著判斷股票代碼的正確性并獲取股票歷史數(shù)據(jù)。

最后調(diào)用kline_base函數(shù)畫出K線圖，并渲染到前端頁面上。

前端頁面編寫

最后我們來完成前端頁面的工作

首先定義一個(gè)表單，用于傳遞股票名稱，查詢時(shí)間

form

id="form1"

onsubmit="return

false"

action="#"

method="post"

p

id="p1"股票名稱：

input

name="stockName"

type="text"

id="stockName"

tabindex="1"

size="16"

value=""

placeholder="股票名稱"/

/p

p

id="p2"查詢時(shí)間：

input

name="queryTime"

type="text"

id="queryTime"

tabindex="2"

size="16"

value=""

placeholder="輸入30查詢近30天數(shù)據(jù)"/

/p

pinput

type="submit"

value="查詢"

/p

/form

然后就是通過JQuery來動(dòng)態(tài)獲取數(shù)據(jù)

function

getData()

{

var

chart

=

echarts.init(document.getElementById('kline'),

'white',

{renderer:

'canvas'});

$.ajax({

type:

"POST",

dataType:

"json",

url:

"/Kline"

,

data:

$('#form1').serialize(),

success:

function

(result)

{

chart