ECharts

ECharts

一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。

2

教程和官网文档地址

http://www.echartsjs.com

封装饼图方法

//定义绘图方法

    function show_source(dname,data){

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

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

        //定义绘图配置

        var source_option = {

            //悬停提示配置

            tooltip:{

                //定义鼠标

                trigger:'item',

                //显示数据格式

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

            },

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

            legend:{

                data:dname

            },

            //传递具体数据

            series:[{

                //指定绘图类型

                type:'pie',

                //具体数据

                data:data

            }]

        }

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

        source_chart.setOption(source_option);

    }