Echarts --- 可视化练习（pie01 --- 南丁格尔玫瑰图）

Echarts — 可视化练习（pie01）

不乱于心，不困于情，吾随波逐流，困囿于万世红尘深海中，一路奔波，一路烟花交错。只见一只飞蛾孤身万灯丛中迷失了身影，臃肿身躯拖累了幼稚的翅膀，苦命挣扎失落茫茫人海，寻不见森林花香处。凡情已了，不恋红尘，不念过往，只待业火焚身，燃尽罪孽，净身澄心，方见我佛。

背负着残缺不堪的肉身，何时能横渡苦海，登临彼岸。彼岸花开时，允我许一个愿望：我见你时一见钟情，你见我时一见倾心，彼此相逢一见如故，就是天意，于你我最美的缘分！

# -*- coding: utf-8
#  @Time    : 2020/11/11 14:28
#  @Author  : ZYX
#  @File    : pie01.py
# @software: PyCharm
from flask import Flask,render_template
from flask_sqlalchemy import SQLAlchemyapp = Flask(__name__)class Config(object):SQLALCHEMY_DATABASE_URI = "mysql+pymysql://root:123456@127.0.0.1:3306/visiable"SQLALCHEMY_TRACK_MODIFICATIONS = Trueapp.config.from_object(Config)db = SQLAlchemy(app)class sheets(db.Model):__tablename__ = "pie01"id = db.Column(db.Integer,primary_key=True,autoincrement=True)name = db.Column(db.String(64),unique=True)number = db.Column(db.Integer)@app.route('/')
def index():sheets_list = sheets.query.all()return render_template("pie01.html",sheets=sheets_list)if __name__ == "__main__":db.drop_all()db.create_all()l1 = sheets(name = "江苏",number=15)l2 = sheets(name = "山东",number=20)l3 = sheets(name = "四川",number=16)l4 = sheets(name = "安徽",number=18)l5 = sheets(name = "浙江",number=24)l6 = sheets(name = "广东",number=8)db.session.add_all([l1,l2,l3,l4,l5,l6])db.session.commit()app.run(debug=True)

<!DOCTYPE html>
<html lang="en"style="height: 100%">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body style="height: 100%">
<div id="container" style="height: 100%"></div>
<script type="text/javascript" src="../static/echarts%20(1).js"></script>
<script type="text/javascript">var pom = document.getElementById("container");var myecharts = echarts.init(pom);var data1 = [{% for item in sheets %}'{{ item.name }}',{% endfor %}];var data2 = [{% for item in sheets %}{{ item.number }},{% endfor %}];var option = null;option = {title:{text:"六大省份某产品销售量/万元",top:'4%',right: '40%',textStyle:{color:"#065aab",fontStyle:'oblique', // 字体风格fontSize:25,fontWeight:'bold',  // 加粗fontfamily:'monospace'}},tooltip: {trigger: 'item',formatter: '{a} <br/>{b} : {c} ({d}%)'  // },legend:{show:true,bottom:'5%'},grid:{top:'10%',left:'4%',right:'4%',bottom:'3%',containLabel:true},series:[{name:"六大省份某产品销售量/万元",type:'pie',roseType:"radius",radius:[50,250],        // 内外两圆的半径center:['50%','50%'],   // 距离页面左上角的占比data:[{value:data2[0],name:data1[0]},{value:data2[1],name:data1[1]},{value:data2[2],name:data1[2]},{value:data2[3],name:data1[3]},{value:data2[4],name:data1[4]},{value:data2[5],name:data1[5]}]}]};if(option && typeof option=='object'){myecharts.setOption(option);}
</script>
</body>
</html>

Echarts --- 可视化练习（pie01 --- 南丁格尔玫瑰图）相关推荐

关于Echarts南丁格尔玫瑰图的部分解释
<template><div id="easyEcharts" style="height: 600px;width: 800px">& ...
❤echarts 南丁格尔玫瑰图的使用以及南丁格尔玫瑰图详细配置
❤echarts 南丁格尔玫瑰图的使用以及南丁格尔玫瑰图详细配置 1.认识使用可以参考之前文章,会使用直接跳过1 引入官网的南丁格尔玫瑰图效果如下: 使用函数配置分为三个部分:初始化=> 设置 ...
echarts绘制嵌套环形图(南丁格尔玫瑰图)
根据专业总人数和学院总人数绘制嵌套环形图首先,echarts的基本步骤引入js,准备容器,初始化实例, <script src="lib/echarts.min.js"& ...
利用Python实现新冠疫情数据可视化（获取疫情历史数据，制作南丁格尔玫瑰图、疫情地图、动态疫情组合图、词云）
文章目录前言 1.获取疫情历史数据 2.制作南丁格尔玫瑰图 2.1 全球各国确诊人数玫瑰图 2.2 全国各省市零新增天数玫瑰图 3.制作疫情地图 3.1全国各省市目前确诊总人数疫情地图 3.2全球各 ...
性感的数据可视化 —— 桑基图、气泡图、南丁格尔玫瑰图
阿里云数据中台官网 https://dp.alibaba.com/index (作者:常成) 2019年的"凯度信息之美奖"揭晓了,有很多很有意思的信息可视化作品.很多作品看到的时 ...
性感的数据可视化 —— 精讲桑基图、气泡图、南丁格尔玫瑰图
作者:常成 2019年的"凯度信息之美奖"揭晓了,有很多很有意思的信息可视化作品.很多作品看到的时候都被感动到,数据/信息不再是冷冰冰的,而是立体的,通过可视化可以让人们更清晰的看 ...
echarts 饼图的一种---南丁格尔玫瑰图按照百分比大小进行排序以及颜色设置的两种方式（普通设置颜色和渐变色设置）
本篇博文是记录一下我在开发过程中遇到的一个问题,那就是对于南丁格尔玫瑰图(或者饼图)如何根据百分比大小进行排列,可以很直观的看出数据高低. 首先给大家展示一下官方的样式,具体代码可以去官网上查看:ht ...
Python数据可视化之南丁格尔玫瑰图(亲测)
文章目录 1. 什么是南丁格尔玫瑰图 2. 南丁格尔玫瑰图的绘制 1. 什么是南丁格尔玫瑰图央视新闻用来展示疫情0增长天数的图就是南丁格尔玫瑰图. 南丁格尔玫瑰图(Nightingale rose ...
Python数据可视化之南丁格尔玫瑰图
文章目录 1. 什么是南丁格尔玫瑰图 2. 南丁格尔玫瑰图的绘制 1. 什么是南丁格尔玫瑰图央视新闻用来展示疫情0增长天数的图就是南丁格尔玫瑰图. 南丁格尔玫瑰图(Nightingale rose ...

Echarts --- 可视化练习（pie01 --- 南丁格尔玫瑰图）

Echarts — 可视化练习（pie01）

Echarts --- 可视化练习（pie01 --- 南丁格尔玫瑰图）相关推荐

最新文章

热门文章