Example Analysis of Visual Chart displayed by Django
This article mainly introduces "Django display visualization chart example analysis". In the daily operation, I believe that many people have doubts about Django display visualization chart case analysis problems. The editor consulted all kinds of data and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts of "Django display visualization chart example analysis". Next, please follow the editor to study!
One actual combat
1 Django_laburls.py
#-*-coding: utf-8-*-from django.conf.urls import url,includefrom django.contrib import admin urlpatterns = [url (r'^ admin/', admin.site.urls), # define chart url url (r'^ chart/', include ('chart.urls')),]
2 add chart application to settings.py
INSTALLED_APPS = ['django.contrib.admin',' django.contrib.auth', 'django.contrib.contenttypes',' django.contrib.sessions', 'django.contrib.messages',' django.contrib.staticfiles', # Chart Application 'chart',]
3 charturls.py
#-*-coding: utf-8-*-from django.conf.urls import url,includefrom. Import viewsurlpatterns = [# url url of the line chart (r'^ linediagram/$', views.showlinediagram),]
4 views.py
#-*-coding: utf-8-*-from django.shortcuts import renderfrom django.http import HttpResponse from matplotlib.figure import Figurefrom matplotlib.backends.backend_agg import FigureCanvasAggfrom matplotlib.dates import DateFormatterimport matplotlib.pyplot as plt import randomimport datetime # template def showlinediagram (request) for line chart: return render (request, 'chart/showlinediagram.html')
5 template showlinediagram.html
Highcharts tutorial | Rookie tutorial (runoob.com) $(document) .ready (function () {var title = {text: 'monthly mean temperature'}; var subtitle = {text: 'Source: runoob.com'} Var xAxis = {categories: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November,' December]} Var yAxis = {title: {text: 'Temperature (xB0C)'}, plotLines: [{value: 0, width: 1, color:'# 808080'}]} Var tooltip = {valueSuffix: 'xB0C'} var legend = {layout:' vertical', align: 'right', verticalAlign:' middle', borderWidth: 0} Var series = [{name: 'Tokyo', data: [7.0,6.9,9.5,14.5,18.2, 21.5,25.2, 26.5,23.3,18.3,13.9,9.6]}, {name:' New York', data: [- 0.2,0.8,5.7,11.3] 17.0,22.0,24.8,24.1,20.1, 14.1, 8.6,2.5]}, {name: 'Berlin', data: [- 0.9,0.6,3.5,8.4,13.5,17.0,18.6,17.9,14.3,9.0,3.9,1.0]} {name: 'London', data: [3.9,4.2,5.7,8.5,11.9,15.2, 17.0,16.6,14.2, 10.3,6.6,4.8]}] Var json = {}; json.title = title; json.subtitle = subtitle; json.xAxis = xAxis; json.yAxis = yAxis; json.tooltip = tooltip; json.legend = legend; json.series = series; $('# container'). Highways (json);}); second test results
1 browser input: http://localhost:8000/chart/linediagram
2 results display results
At this point, the study of "Django display visual chart example analysis" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!
