# Python 代码
@main.route('/report_chart', methods=['GET', 'POST']) | |
@login_required | |
def report_chart(): | |
# define a page | |
page = Page() | |
# define a pie chart | |
attr1 = ["New", "Pending", "Verified", "Fix", "Success"] | |
value = [11, 12, 13, 10, 10] | |
pie = Pie("Pie Chart Demo") | |
pie.add("", attr1, value, is_label_show=True, center=[50, 50]) | |
page.add_chart(pie) | |
# define a bar chart | |
attr2 = ["New", "Pending", "Verified", "Fix", "Success"] | |
v1 = [5, 20, 36, 10, 75] | |
v2 = [10, 25, 8, 60, 20] | |
bar = Bar("Bar Chart Demo") | |
bar.add("Shop A", attr2, v1, is_stack=True) | |
bar.add("Shop B", attr2, v2, is_stack=True) | |
page.add_chart(bar) | |
attr3 = ["New", "Pending", "Verified", "Fix", "Success"] | |
v11 = [5, 20, 36, 10, 10] | |
v22 = [55, 60, 16, 20, 15] | |
line = Line("Line Chart Demo") | |
line.add("Shop A", attr3, v11, mark_point=["average"]) | |
line.add("Shop B", attr3, v22, is_smooth=True, mark_line=["max", "average"]) | |
page.add_chart(line) | |
return render_template('report_chart.html', | |
chart=page.render_embed(), | |
host='http://chfw.github.io/jupyter-echarts/echarts', | |
script_list=page.get_js_dependencies()) |
# Jinja2 模板
<div> | |
</div> |
如果想要显示单个图表,将 render_template 方法里的 chart 属性的对象由 page 改为具体的图表对象即可
如改为 Line 图:
return render_template('report_chart.html', | |
chart=line.render_embed(), | |
host='http://chfw.github.io/jupyter-echarts/echarts', | |
script_list=line.get_js_dependencies()) |
参考:
pyecharts 官方文档:http://pyecharts.org/#/zh-cn/charts_base