189 8069 5689

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

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

在成都网站设计、成都网站制作、外贸网站建设中从网站色彩、结构布局、栏目设置、关键词群组等细微处着手,突出企业的产品/服务/品牌,帮助企业锁定精准用户,提高在线咨询和转化,使成都网站营销成为有效果、有回报的无锡营销推广。创新互联专业成都网站建设10余年了,客户满意度97.8%,欢迎成都创新互联客户联系。

 参考文章
  • 1 https://www.codingwithricky.com/2019/08/28/easy-django-plotly/

  • 2 https://plotly.com/python/box-plots/

  • 3 https://github.com/ricleal/DjangoPlotLy/tree/master/site1

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

  • 4 https://towardsdatascience.com/how-to-create-a-plotly-visualization-and-embed-it-on-websites-517c1a78568b

  • 5 https://medium.com/better-programming/prettify-python-django-with-beautiful-visual-charts-836fe6646305

 更新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 代码




   
   简单的折线图
            href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
         integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">



   

   

   

   

你好吗?


   

       

       {{ plot_div | safe }}
       

   

   

我很好!






 

网页的呈现结果

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

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


当前名称:Django2.2+plotly可视化数据实现折线图
文章路径:http://cdxtjz.cn/article/ieijjh.html

其他资讯