基本信息
源码名称:echart入门级示例:绘制折线图
源码大小:0.22M
文件格式:.zip
开发语言:CSS
更新时间:2018-03-27
   友情提示:(无需注册或充值,赞助后即可获取资源下载链接)

     嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300

本次赞助数额为: 2 元 
   源码介绍
绘制折线图


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ECharts</title>
    <!--引入echarts.js-->
    <script src="echarts.js"></script>
</head>
<body>
    <!--为ECharts准备一个具备大小(宽高)的Dom-->
    <div id = "main" style = "width:600px;height:400px;"></div>
    <script type = "text/javascript">
        //基于准备好的dom,初始化echarts实例
        var myChar =
            echarts.init(document.getElementById('main'));

        //指定图表的配置项和数据
        var option ={
            title:{
                text:'ECharts 入门示例',
            },
            tooltip:{},
            legend:{
                data:['销量']
            },
            xAxis:{
                data:["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子","niu "]
            },
            yAxis:{},
            series:[{
                name:'销量',
                type:'line',
                data:[5,20,36,10,28,50,100]
            }]
        };
        //是有刚指定的配置项和数据显示图表。
        myChar.setOption(option);
    </script>

</body>
</html>