首页 前端知识 echarts饼状图如何从后台传数据-Python-Flask框架

echarts饼状图如何从后台传数据-Python-Flask框架

2024-05-06 09:05:14 前端知识 前端哥 246 863 我要收藏

看了很多文章,在自己这边的程序都没有用,最后自己想了一个办法,来记录一下,可能方法过于简单,运行效率不够,但重在一种思维方式,如何用现有的知识解决问题,可能之后会学到更好的解决办法,如果大家需要,再来更新!

纯小白,刚刚开始学习,只是基于Python和Flask框架的一些基础知识

Python语言如下:

from flask import Flask,render_template
import sqlite3

data_name1 = []
data_num1 = []
sql2 = '''select type, count(type) from resourceP_2018 group by type order by count(type)         
        desc'''
data2 = cursor. Execute(sql2) 
for item in data2:
    data_name1.append(item[0])
    data_num1.append(item[1])
data_dict2 = dict(zip(data_name1,data_num2))
return render_template("chart.html",
                       data_name2=data_name2, data_num2 = data_num2,
                       data_dict2 = data_dict2)
HTML页面是这样的:
Echarts详细的代码格式大家可以到Ecahrts官网中的实例中进行学习嗷(Apache ECharts)
data: [
{value: {{ data_dict2['A'] }}, name: 'A'},
{value: {{ data_dict2['B'] }}, name: 'B'},
{value: {{ data_dict2['C'] }}, name: 'D'},
{value: {{ data_dict2['D'] }}, name: 'D'},
{value: {{ data_dict2['E'] }}, name: 'E'},]

将数据封装成字典,使用键值对的方式来获取数据,可以直接在html端显示

转载请注明出处或者链接地址:https://www.qianduange.cn//article/7165.html
标签
flask
评论
发布的文章

HTML5-新增表单元素

2024-05-10 08:05:59

Dayjs 的一些常用方法

2024-05-10 08:05:59

Howler.js HTML5声音引擎

2024-05-10 08:05:59

前端攻城狮HTML5自查手册

2024-05-10 08:05:51

JavaScript 基础入门

2024-05-10 08:05:41

HTML5新手入门指南

2024-05-08 10:05:28

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!