折线图，一般情况，先有需求再根据需求绘制图形.按你的图例，比如说:
我想统计（2011年~2017）年范围内（每年）（每个部门）的（销售额），注意我括号扩起来的部分，
那么由这句话你可以得到：统计对象：多个部门，横铺依据（x）：年份，对比值（y）：销售额，
每个部门在2011至2017年每天的销售数据就可以绘制一条横向曲线，多个部门就会出现多条曲线
现在图表就可以按照想要的曲线来进行实现了。 至于图表如何展示，echarts控件本身有专门的曲线图控件，
按照指定的数据格式要求，给图表赋值，API接口文档上可以找到事例，那么结果就会出现，很容易的，
根据给定demo，可以尝试做几个就熟练了
拓展：目前图表控件有很多，echarts，funsionCharts,图的种类也很丰富，饼图、柱形图、折线图、地图、横道图等等。
图表本身对数据格式有一定要求，但数据格式都是json类型，即{key:value,...}的形式
忘记提了，你上图是复合型曲线图，两条x轴，不过原理是一样的.
图表的展示效果：比如点击某一点浮动框提示功能、金额预警等等，属于图标控件本身自带属性来进行控制的，
只需要把相关的属性值赋值为true就OK了，感兴趣的话把这个图表链接贴出来，我给你找出来