天天看点

JS----从一粒小石子做起

JS小全栈

水果刀还是倚天剑和屠龙刀,你说了算——————————JavaScript`

大学四年的学习,编程语言学习从C、Web、Java

SE、JavaWeb、Android、iOS到C#、PHP,数据库从Oracle、MySQL到SQLserver,我到底该何去何从呢?

虽然对于后台不是那么精通,可是在这即将实习的时刻,面对前端还是后台的选择,内心还是一万个不舍。

2016年大二的下半个学期,基本上每天在实验室度过,最辛苦、最煎熬却也是最充实、最收获的时候。那会参加中国软件杯设计大赛,选的赛题是基于阿里钉钉的移动办公微应用,一开始以为是做个APP,后来才发现需要调钉钉接口API。API是个什么东西,校园学习从未接触过,问人、百度,终于开启了研究js之道,我负责前端,后台同学负责Java、Sever。当我们为钉钉里的一个页面跳转而欢呼时,才发现要走的路还很远,我还只是山脚下的一粒石子。

今天面试了卫星遥感方面的一家公司,因为之前的项目中也负责前端地图接口方面,所以面试过程中聊的就是百度的Echarts、地图接口,也还好吧,还是对工资没有概念。

马上要工作了,以后要注意代码规范,加油~~~~

柱状图Demo

JS----从一粒小石子做起
<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>Bar Simple柱状图</title>
    <script src="../js/echarts.min.js"></script>
</head>
<body>
<!--为EChart准备一个具备大小(宽高)的DOM-->
    <div id="main" style="width: 900px;height: 600px;"></div>
    <script type="text/javascript">
        //基于准备好的dom,初始化echars实例
        var myChart = echarts.init(document.getElementById('main'));

        //指定图表的配置项和数据
        var option = {
          //标题
          title:{
            text:'ECharts 入门示例  Bar柱状图',
        },
        //工具箱
        toolbox:{
            show:true,
            feature:{
                saveAsImage:{
                    show:true//保存为图片
                }
            }
        },
        //图例
        legend:{
            data:['销量']
        },
        tooltip:{
        	
        	trigger:'axis'
        },
        //x轴
        xAxis:{
            data:["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
        },
        yAxis:{},
        //数据
        series:[{
            name:'销量',
            type:'bar',//直方图
            data:[5,20,36,10,10,20]
        },{
            name:'产量',
            type:'line',//折线图
            data:[7,30,50,11,40,80],
          //  color:red
        }]
        };

        //使用刚指定的配置项和数据显示图表
      myChart.setOption(option);
    </script>
</body>
</html>
           

继续阅读