zoukankan      html  css  js  c++  java
  • Echarts快速入门---------v客学院技术分享

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

    它具有以下4个优点:

    1. 开源,为我们提供了漂亮的图形界面;
    2. 使用简单,封装了重要的js,只要引用就可以使用;
    3. 图表类型多,其中就具代表性的就是地图;
    4. 兼容性好,具有很棒的html5动画渲染效果;

    下面就教大家如何快速的入门echarts:

    第一步:

    在html页面中引入js文件

    第二步:

    为图形准备容器,定义一个div,用来存放图表

    第三步:

    通过 echarts.init 方法初始化一个 echarts 实例并通过setOption 方法生成一个简单的柱状图

    这样一个柱形统计表就OK啦,下图是效果。

    更多效果实现请参照https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-mec528xa.html

    (php开发,web前端,ui设计,vr开发专业培训机构,v客学院版权所有,转载请注明出路,谢谢!!!)

  • 相关阅读:
    HDU 5521 Meeting
    HDU 5170 GTY's math problem
    HDU 5531 Rebuild
    HDU 5534 Partial Tree
    HDU 4101 Ali and Baba
    HDU 5522 Numbers
    HDU 5523 Game
    ZUFE OJ 2301 GW I (3)
    POJ 2398 Toy Storage
    POJ 2318 TOYS
  • 原文地址:https://www.cnblogs.com/alicecan/p/10168373.html
Copyright © 2011-2022 走看看