title Awesome-pyecharts /title
script type text/javascript src https://assets.pyecharts.org/assets/echarts.min.js /script
/head
body
div id 843fff3599974719a844a2289e4b73ff class chart-container style width:700px; height:300px; /div
script
var chart_843fff3599974719a844a2289e4b73ff echarts.init(
document.getElementById( 843fff3599974719a844a2289e4b73ff ), white , {renderer: canvas });
var option_843fff3599974719a844a2289e4b73ff {
animation : true,
animationThreshold : 2000,
animationDuration : 1000,
animationEasing : cubicOut ,
animationDelay : 0,
animationDurationUpdate : 300,
animationEasingUpdate : cubicOut ,
animationDelayUpdate : 0,
color : [
#c23531 ,
#2f4554 ,
#61a0a8 ,
#d48265 ,
#749f83 ,
#ca8622 ,
#bda29a ,
#6e7074 ,
#546570 ,
#c4ccd3 ,
#f05b72 ,
#ef5b9c ,
#f47920 ,
#905a3d ,
#fab27b ,
#2a5caa ,
#444693 ,
#726930 ,
#b2d235 ,
#6d8346 ,
#ac6767 ,
#1d953f ,
#6950a1 ,
#918597
series : [
type : line ,
name : u7ed8u5236u7ebfu56fe ,
connectNulls : false,
symbolSize : 4,
showSymbol : true,
smooth : false,
clip : true,
step : false,
data: [
0.0,
65.0
0.06346651825433926,
65.3173325912717
0.12693303650867852,
65.63466518254339
0.1903995547630178,
65.9519977738151
0.25386607301735703,
66.26933036508679
0.3173325912716963,
66.58666295635848
0.3807991095260356,
66.90399554763017
0.4442656277803748,
67.22132813890187
0.5077321460347141,
67.53866073017358
0.5711986642890533,
67.85599332144527
0.6346651825433925,
68.17332591271696
0.6981317007977318,
68.49065850398866
0.7615982190520711,
68.80799109526035
0.8250647373064104,
69.12532368653206
0.8885312555607496,
69.44265627780375
0.9519977738150889,
69.75998886907544
1.0154642920694281,
70.07732146034714
1.0789308103237674,
70.39465405161883
1.1423973285781066,
70.71198664289054
1.2058638468324459,
71.02931923416223
1.269330365086785,
71.34665182543392
1.3327968833411243,
71.66398441670562
1.3962634015954636,
71.98131700797732
1.4597299198498028,
72.29864959924902
1.5231964381041423,
72.61598219052071
1.5866629563584815,
72.9333147817924
1.6501294746128208,
73.25064737306411
1.71359599286716,
73.5679799643358
1.7770625111214993,
73.8853125556075
1.8405290293758385,
74.20264514687919
1.9039955476301778,
74.51997773815089
1.967462065884517,
74.83731032942259
2.0309285841388562,
75.15464292069429
2.0943951023931957,
75.47197551196598
2.1578616206475347,
75.78930810323767
2.221328138901874,
76.10664069450937
2.284794657156213,
76.42397328578107
2.3482611754105527,
76.74130587705277
2.4117276936648917,
77.05863846832446
2.475194211919231,
77.37597105959615
2.53866073017357,
77.69330365086785
2.6021272484279097,
78.01063624213955
2.6655937666822487,
78.32796883341125
2.729060284936588,
78.64530142468294
2.792526803190927,
78.96263401595463
2.8559933214452666,
79.27996660722633
2.9194598396996057,
79.59729919849804
2.982926357953945,
79.91463178976973
3.0463928762082846,
80.23196438104142
3.1098593944626236,
80.54929697231312
3.173325912716963,
80.86662956358481
3.236792430971302,
81.18396215485652
3.3002589492256416,
81.50129474612821
3.3637254674799806,
81.8186273373999
3.42719198573432,
82.1359599286716
3.490658503988659,
82.45329251994329
3.5541250222429985,
82.770625111215
3.6175915404973376,
83.08795770248669
3.681058058751677,
83.40529029375838
3.744524577006016,
83.72262288503008
3.8079910952603555,
84.03995547630177
3.8714576135146945,
84.35728806757348
3.934924131769034,
84.67462065884517
3.998390650023373,
84.99195325011686
4.0618571682777125,
85.30928584138856
4.1253236865320515,
85.62661843266025
4.188790204786391,
85.94395102393196
4.25225672304073,
86.26128361520365
4.3157232412950695,
86.57861620647535
4.3791897595494085,
86.89594879774704
4.442656277803748,
87.21328138901875
4.506122796058087,
87.53061398029044
4.569589314312426,
87.84794657156213
4.6330558325667655,
88.16527916283383
4.696522350821105,
88.48261175410553
4.759988869075444,
88.79994434537721
4.823455387329783,
89.11727693664892
4.886921905584122,
89.43460952792061
4.950388423838462,
89.75194211919231
5.013854942092801,
90.06927471046401
5.07732146034714,
90.3866073017357
5.14078797860148,
90.7039398930074
5.204254496855819,
91.0212724842791
5.267721015110158,
91.33860507555079
5.331187533364497,
91.6559376668225
5.394654051618837,
91.97327025809419
5.458120569873176,
92.29060284936588
5.521587088127515,
92.60793544063758
5.585053606381854,
92.92526803190927
5.648520124636194,
93.24260062318098
5.711986642890533,
93.55993321445267
5.775453161144872,
93.87726580572436
5.838919679399211,
94.19459839699606
5.902386197653551,
94.51193098826775
5.96585271590789,
94.82926357953946
6.029319234162229,
95.14659617081115
6.092785752416569,
95.46392876208284
6.156252270670908,
95.78126135335454
6.219718788925247,
96.09859394462623
6.283185307179586,
96.41592653589794
hoverAnimation : true,
label : {
show : false,
position : top ,
margin : 8
lineStyle : {
show : true,
width : 1,
opacity : 1,
curveness : 0,
type : solid
areaStyle : {
opacity : 0
zlevel : 0,
z : 0
legend : [
data: [
u7ed8u5236u7ebfu56fe
selected : {
u7ed8u5236u7ebfu56fe : true
show : true,
padding : 5,
itemGap : 10,
itemWidth : 25,
itemHeight : 14
tooltip : {
show : true,
trigger : item ,
triggerOn : mousemove|click ,
axisPointer : {
type : cross
showContent : true,
alwaysShowContent : false,
showDelay : 0,
hideDelay : 100,
textStyle : {
fontSize : 14
borderWidth : 0,
padding : 5
xAxis : [
show : true,
scale : false,
nameLocation : end ,
nameGap : 15,
gridIndex : 0,
inverse : false,
offset : 0,
splitNumber : 5,
minInterval : 0,
splitLine : {
show : false,
lineStyle : {
show : true,
width : 1,
opacity : 1,
curveness : 0,
type : solid
data: null
yAxis : [
show : true,
scale : false,
nameLocation : end ,
nameGap : 15,
gridIndex : 0,
inverse : false,
offset : 0,
splitNumber : 5,
minInterval : 0,
splitLine : {
show : false,
lineStyle : {
show : true,
width : 1,
opacity : 1,
curveness : 0,
type : solid
title : [
text : u6211u662fu6807u9898 ,
link : https://www.baidu.com/ ,
subtext : u6211u662fu526fu6807u9898 ,
padding : 5,
itemGap : 10
chart_843fff3599974719a844a2289e4b73ff.setOption(option_843fff3599974719a844a2289e4b73ff);
/script
/body
/html
products.html
!DOCTYPE html
html lang en
head
meta charset UTF-8
title Title /title
/head
body
h1 heatmap热力图显示以及计算 /h1
form action enctype multipart/form-data method POST
input type file name file
input type submit value 上传
/form
img src static/images/heatmap.png
{% for k,v in df_corr.items() %}
{{ v}} br
{% endfor %}
/body
/html
效果展示
