ECharts图形库

ECharts图形库百度的项目,图形的创建也比较简单，直接引用Javascript即可

1,引入<script src="{{ url_for("static",filename='js/echarts-all-2.2.7.js') }}

2定义绘图方法

<script>

// function show_source(dname,data){

// //初始化echarts,在data_summary内部绘图

// var source_chart = echarts.init(document.getElementById('data_summary'));

// //定义绘图配置

// var option = {

// //悬停提示配置

// tooltip:{

// //定义鼠标

// truigger:"item",

// //显示数据格式

// formatter:"{b}:{d}%"

// },

// //传递数据,传入来源名称

// legend:{

// data:dname

// },

// //传递具体数据

// series:[{

// //指定绘图类型

// type:"pie",

// //具体数据

// data:data

// }]

// }

// //将配置文件和绘图对象结合

// source_chart.setOption(option);

// }

// // 发送ajax请求来拿取JSon数据，来拼图

// $.getJSON("/yqdp_json",function(msg){

// // 使用动态数据传参

// show_source(msg.name,msg.data);

// })

</script>