forked from pyecharts/pyecharts
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
45 lines (41 loc) · 1.82 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="public/js/ace.js" charset="utf-8"></script>
<script type="text/javascript" src="public/prd/scripts.min.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="public/prd/style.min.css">
<title>Practice pyecharts in browser</title>
</head>
<body>
<div id='drawme' class="ui-layout-center custom-center">
<div id='me'></div>
</div>
<div class="ui-layout-north custom-north">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">Pyecharts in Browser</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#" id="run">Run <span class="sr-only">(current)</span></a>
</li>
</ul>
<a class="navbar-brand" href="https://github.com/chfw/pyecharts.js">pyecharts.js</a>
</div>
</nav>
<div id="editor" >from pyecharts import Map
value = [95.1, 23.2, 43.3, 66.4, 88.5]
attr= ["China", "Canada", "Brazil", "Russia", "United States"]
map = Map("World Map Example", width=1200, height=600)
map.add("", attr, value, maptype="world", is_visualmap=True, visual_text_color='#000')
map.render()</div>
</div>
<div id='version' style="display:none"></div>
<textarea id='console' cols=50 rows=10 style="display:none"></textarea>
<!-- this line demonstrates that script.py can be included as any javascript files -->
<script type="text/python" src="public/python/script.py"></script>
</body>
</html>