Day7-用ECharts绘制图表

作者: 小红鱼 | 来源:发表于2017-03-10 09:34 被阅读99次

    之前想做性能测试的数据图表,动态地展示在页面上,老公就推荐了Echarts。ECharts是百度开发的基于Javascript 的图表库,可以运行在 PC 和移动设备上,兼容当前绝大部分浏览器。

    1.安装

    新建一个echart目录,然后到ECharts的官方网站下载echarts.js文件:http://echarts.baidu.com/dist/echarts.js

    2.绘制一个简单的图表

    新建一个index.html文件,在IDE中输入以下代码:

    用浏览器打开,可以看到自动生成了如下的图表:

    3.绘制一个复杂的图表

    Echarts支持各种图表,官方网站上有详细的说明如何引用,比如试着绘制一幅中国地图。

    感兴趣的童鞋可以去官网上慢慢研究。

    相关文章

      网友评论

        本文标题:Day7-用ECharts绘制图表

        本文链接:https://www.haomeiwen.com/subject/rdmwgttx.html