使用echarts插件画折线图,及echarts配置项解释

使用js制作图标工具,财务分析,统计分析之类的,我们常常用到的都是一些插件,我介绍下echarts.js插件的使用,及配置项说明,还有效果展示。

比如做一个这样的图表:
使用echarts插件画折线图,及echarts配置项解释_第1张图片

首先引入echarts-all.js文件到项目页面中去

然后对应的html文件,创建放图表工具的容器:

<div class="zjzl" style="margin-top:80px;">
        <div class="floatzs fixwid"><div class="flot-chart-content" style="height:400px;width: 1500px" id="flot-line-chart">div>div>
div>

直接在容器中控制图表的高度和宽度即可。

然后js代码的书写,及配置项的解释说明,及使用

最后更多配置详细参考:
http://echarts.baidu.com/echarts2/doc/doc.html#Legend

你可能感兴趣的:(JS相关)