Django2.2+plotly可视化数据实现折线图

发布时间:2021-07-10 14:40:21 作者:chen
来源:亿速云 阅读:185

本篇内容介绍了“Django2.2+plotly可视化数据实现折线图”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

 参考文章

        这个是一个Django写的app,值得仔细看看呀!

 更新plotly
pip install --upgrade plotly
   创建项目和app
django-admin startproject django_plotly
cd django_plotly
python manage.py startapp boxplot
 

设置url 添加模板

视图函数

rom django.shortcuts import render
from plotly.offline import plot
from plotly.graph_objs import Scatter


# Create your views here.

def index(request):
   x_data = [0,1,2,3]
   y_data = [x**2 for x in x_data]
   data = Scatter(x=x_data,y=y_data,mode='lines',name='test',opacity=0.8,marker_color='red')
   plot_div = plot([data],output_type='div')
   context = {'plot_div':plot_div}
   return render(request,'boxplot/index.html',context=context)
 

html 代码

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>简单的折线图</title>
   <link rel="stylesheet"
         href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
         integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body>
<div class="container">
   <br>
   <br>
   <br>
   <h2 >你好吗?</h2>
   <div class="row">
       <div class="col-md-8">
       {{ plot_div | safe }}
       </div>
   </div>
   <h2 >我很好!</h2>
</div>

</body>
</html>
 

网页的呈现结果

Django2.2+plotly可视化数据实现折线图  


“Django2.2+plotly可视化数据实现折线图”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!

推荐阅读:
  1. 如何实现数据可视化matplotlib
  2. Python可视化的折线图是怎样的

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

django plotly

上一篇:python中__call__()方法如何使用

下一篇:eggnog-mapper软件的安装配置方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》