Echarts 柱形图 时间横轴的动态生成和数据的动态生成

最近在项目里做一个数据统计的模块，当时自己选中的JfreeChart,自己对这个其实也不是很熟悉，做完了之后生成的图片看着好丑，而且很模糊。后来同事向我推荐了Echarts ，这是在用Echarts 的时候的一点心得，防止以后自己再遇到这样的问题忘记了。本人新手，还请各位多多指教

首先，当然是引入JS文件，这个就跳过了。接着就是JSP页面：

<div id="pieChart" style="height: 400px;width:1200px;"></div>   //这里需要给这个div 设置height和width，不然后面生成图片会报错

然后是JS：

我将生成图片的js改成了如下的一个方法，然后只要在这个方法中传入参数就可以实现动态地生成柱形图了：

方法如下：

//生成图片的方法
function makePicture(result,others,show,upload,instal,active,unload){
option = {
   tooltip : {
       trigger: 'axis',
       axisPointer : {            // 坐标轴指示器，坐标轴触发有效
           type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
       }
   },
   legend: {
    data:['获取广告','展示',&