Django+highchart

requirements :
• python
• django package
• jquery

프로젝트 디렉토리 생성

프로젝트 디렉토리 확인
hwangyoungjae
├hwangyoungjae
│├__init__.py
│├settings.py
│├urls.py
│└wsgi.py
└manage.py

db파일 생성 및 관리자 계정 생성

settings.py에 app 추가
INSTALLED_APPS = [
'firstapp',
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
]
hwangyoungjaehwangyoungjaesettings.py

view, url 추가
hwangyoungjaefirstappviews.py
from django.shortcuts import render, HttpResponse
# Create your views here.
def test_page(request):
return HttpResponse('Hello, Python')
hwangyoungjaehwangyoungjaeurls.py
from django.conf.urls import url
from django.contrib import admin
import firstapp.views
urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^test$',firstapp.views.test_page)
]

챠트 데이터용 view 추가
def chart_data(request):
DataFrame = pandas_datareader.data.DataReader(
'000500.KS',
"yahoo",
datetime.date.today() - datetime.timedelta(days=365),
datetime.date.today())
datas = []
for index in DataFrame['Open'].index:
data = [
int(time.mktime(time.strptime(str(index), '%Y-%m-%d %H:%M:%S')) * 1000),
DataFrame['Open'][index],
DataFrame['High'][index],
DataFrame['Low'][index],
DataFrame['Close'][index],
]
datas.append(data)
return HttpResponse(json.dumps(datas),content_type='text/json')
url(r'^chart.data$', firstapp.views.chart_data),

챠트 그리기용 템플릿 디렉토리 생성 및 파일 추가
hwangyoungjaefirstapptemplateschart.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>
</head>
<body>
<div id="container" style="height: 400px; min-width: 310px"></div>
<script type="text/javascript">
$(function () {
$.getJSON('/chart.data', function (data) {
Highcharts.stockChart('container', {
title: {
text: '{{ name }}',
},
series: [{
type: 'candlestick',
data: data,
}]
});
});
});
</script>
</body>
</html>

챠트 그리기용 view, url 추가
def chart_page(request):
name = '가온전선'
return render(request, 'chart.html',{'name':name,})
url(r'^chart$', firstapp.views.chart_page),

끝내는말
본 문서는 django를 깊게 파지도 않았고,
highchart를 깊게 파지도 않았다.
django로 챠트를 그릴수 있다는 정도만 될것이다.
해본 사람이라면 알겠지만,
highchart는 사실 django와 전혀 관련이 없다.
javascript로 구현되기 때문에다
django를 이용하는건 data를 만드는걸 보여주기 위함이다.
dudwo56@gmail.com

Django+highchart

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (6)

Similar to Django+highchart

Similar to Django+highchart (20)

Django+highchart