AngularJs 与echarts结合实例

【前言】

最近在做的项目前端是用的AngularJs，后端用的是SSM。最近的业务需求是使用echarts显示图表。

【过程】

1.刚接到这个需求的时候，觉得难点应该是前端，因为公司的其他几个同事老是跟我灌输前端多么多么麻烦的思想，再加上看到他们好多业务逻辑都写在前端，让我也不免担心起来。

2.进行过程中看了echarts的官网，话不多说，拿官网的一个例子简要说明一下。

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']      //下标
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],       //数据显示，自适应
        type: 'bar'
    }]
};

点击打开链接

上面显示的是比较简单的一个例子，官网上有很多丰富的例子，在copy之前需要明白各个代码都代表着什么意思，这样做起来就比较高效了。

【总结】

限于公司数据存在保密性，在这里就不仔细说了，在新的公司里面结识了一位大神，那就是我的组长。组长他不仅技术很厉害为人也比较谦逊，这些都是我应该学习的。