• 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客学院版权所有,转载请注明出路,谢谢!!!)

  • 相关阅读:
    POJ 1300 Open Door
    POJ 2230 Watchcow
    codevs 1028 花店橱窗布置
    codevs 1021 玛丽卡
    codevs 1519 过路费
    codevs 3287 货车运输
    codevs 3305 水果姐逛水果街二
    codevs 1036 商务旅行
    codevs 4605 LCA
    POJ 1330 Nearest Common Ancestors
  • 原文地址:https://www.cnblogs.com/alicecan/p/10168373.html
Copyright © 2020-2023  润新知