zoukankan      html  css  js  c++  java
  • 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);

        }

  • 相关阅读:
    javaScript 闭包
    Netty入门1之----认识Netty
    浅谈 @RequestParam 和@PathVariable
    分布式事务的解决方案
    java实现哈弗曼树和哈夫曼树压缩
    深入理解mysql的底层实现
    深入理解http协议的特点
    char和varchar的区别
    详解聚簇索引
    解决nginx: [error] open() "/usr/local/nginx/logs/nginx.pid" failed错误
  • 原文地址:https://www.cnblogs.com/antique/p/10214924.html
Copyright © 2011-2022 走看看