flask+ highcharts实现报表转换成趋势图(1)

最新推荐文章于 2024-08-14 10:59:38 发布

会飞的蚂蚁_

最新推荐文章于 2024-08-14 10:59:38 发布

阅读量1.8k

点赞数 1

分类专栏：服务器技术，爬虫，python 服务器技术语言基础文章标签： python flask highcharts 趋势图报表

本文链接：https://blog.csdn.net/xx123er/article/details/77945591

版权

本文展示了如何利用Python Flask框架结合Highcharts库，将报表数据转化为动态的趋势图表。通过HTML和JavaScript实现交互式图表，用户可以输入开始和结束时间以及选择查看的指标。Flask负责后端数据处理，Highcharts用于前端图表展示。

摘要由CSDN通过智能技术生成

1.先看实现效果

制作最后效果

步骤

1.说路径结构

2.html的写法

模板 highcharts_line_labels.html

加载参数

< html >

 
  < 
  head 
  > 
 

 
  < 
  meta 
  http-equiv= 
  "Content-Type" 
  content= 
  "text/html; charset=utf-8" 
  /> 
 

 
  < 
  title 
  > 
  性能趋势图 
  </ 
  title 
  > 
 

 
  < 
  script 
  src= 
  " 
  http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js 
  " 
  ></ 
  script 
  > 
 

 
  < 
  script 
  src= 
  " 
  http://code.highcharts.com/highcharts.js 
  " 
  ></ 
  script 
  > 
 

 
  </ 
  head 
  > 
 

 
  < 
  body 
  > 
 

 
  < 
  div 
  style= 
  " 
  width 
  : 
  100 
  %; 
  text-align 
  : 
  center 
  ; 
  margin 
  : 
  0 
  px auto 
 

关注

专栏目录