Flask+plotly实现数据可视化

本文详细介绍了如何在Flask框架下利用plotly进行数据可视化,包括安装依赖、创建应用、数据生成、路由配置和前端展示,以及解决json格式转换和前端显示的问题。适合新手快速上手plotly在前后端分离项目中的应用。
摘要由CSDN通过智能技术生成

第一次接触Flask+plotly,过程中踩了很多坑,最后总算达到了目标,给大家分享一下,让每一个初学者都能很快上手plotly。

安装依赖库:

pip install flask
pip install plotly
pip install pandas
pip install numpy

创建flask应用程序:

首先进入项目文件夹,然后创建并进入虚拟环境,创建flask程序

cd 项目目录
python -m venv venv
venv\Scripts\activate
pip install Flask

创建后项目目录如下,create_bar.py和index.html是我后来添加的
在这里插入图片描述

生成测试数据:

新建models文件夹,在models文件夹内新建create_bar.py文件

import plotly as py
import plotly.graph_objs as go
import pandas as pd
import numpy as np
import json

def new_create_plot():
	pyplt = py.offline.plot
	#---以下因为图形和数据不同而不同,以下需要修改---
	N = 40
	x = np.linspace(0, 1, N)
	y = np.random.randn(N)
	df = pd.DataFrame({
   'x': x, 'y': y}) # creating a sample dataframe
	trace0 = go.Bar(
		x=df['x'], # assign x as the dataframe column 'x'
		y=df['y']
	)
	data = [trace0]
	layout = go
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值