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>
 

猜你喜欢

转载自www.cnblogs.com/xcsg/p/10216235.html