Echart饼状图百分比显示
前端代码
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script src="/ajax/libs/echarts/5.1.2/mon.js"></script></head><body><div id="chart" style="width: 500px;height: 360px"></div><script type="text/javascript">var myChart = echarts.init(document.getElementById('chart'));option = {tooltip: {trigger: 'item',formatter: '{b} : {c} ({d}%)'},legend: {orient: 'vertical',left: 'left',},series: [{name: '销量',type: 'pie',radius: '55%',center: ['50%', '60%'],data: [{value: 23, name: '衣服'},{value: 636, name: '裤子'},{value: 2, name: '鞋子'}],itemStyle: {emphasis: {shadowBlur: 10,shadowOffsetX: 0,shadowColor: 'rgba(0, 0, 0, 0.5)'},// 这里做改变normal: {label: {show: true,formatter: '{b} : {c} ({d}%)'},labelLine: {show: true}}}}]};myChart.setOption(option);</script></body></html>
后端代码
from flask import Flask,render_templateapp = Flask(__name__)@app.route('/')def index(): # put application's code herereturn render_template('index.html')if __name__ == '__main__':app.run()
效果