|  |  | 
 |  |  |     this.$unitSelect = $("#unitSelect"); | 
 |  |  |     //记录当前视图的格式化字符串 | 
 |  |  |     this.dateFmt = ""; | 
 |  |  |  | 
 |  |  |     //绑定搜索事件 | 
 |  |  |     $('#serach').on("click",{charts:this},this.updateChartsDate); | 
 |  |  |     //时间单位选择变化 | 
 |  |  | 
 |  |  |         event.data.charts.loadChartData(); | 
 |  |  |     } | 
 |  |  | } | 
 |  |  |  | 
 |  |  | /** | 
 |  |  |  *指定图表的配置项和数据 | 
 |  |  |   */ | 
 |  |  | ChartsUtils.prototype.getption=function(title) { | 
 |  |  |     return { | 
 |  |  |         title: { | 
 |  |  |             text: title, | 
 |  |  |             padding: 20 | 
 |  |  |         }, | 
 |  |  |         legend: {}, | 
 |  |  |         toolbox: { | 
 |  |  |             show: true, | 
 |  |  |             feature: { | 
 |  |  |                 mark: {show: true}, | 
 |  |  |                 dataView: {show: true, readOnly: false}, | 
 |  |  |                 magicType: {show: true, type: ['line', 'bar']}, | 
 |  |  |                 restore: {show: true}, | 
 |  |  |                 saveAsImage: {show: true} | 
 |  |  |             } | 
 |  |  |         }, | 
 |  |  |         tooltip: { | 
 |  |  |             trigger: 'axis' | 
 |  |  |         }, | 
 |  |  |         xAxis: { | 
 |  |  |             type: 'category', | 
 |  |  |             boundaryGap: false, | 
 |  |  |             axisLabel: { | 
 |  |  |                 rotate: 30 | 
 |  |  |             }, | 
 |  |  |             splitLine: { | 
 |  |  |                 show: false, | 
 |  |  |             }, | 
 |  |  |             data: [] | 
 |  |  |         }, | 
 |  |  |         yAxis: { | 
 |  |  |             type: 'value' | 
 |  |  |         }, | 
 |  |  |         dataZoom: [ | 
 |  |  |             { | 
 |  |  |                 id: 'dataZoomX', | 
 |  |  |                 type: 'slider', | 
 |  |  |                 xAxisIndex: [0], | 
 |  |  |                 filterMode: 'filter' | 
 |  |  |             } | 
 |  |  |         ], | 
 |  |  |         animation: true, | 
 |  |  |         animationDuration: 1000, | 
 |  |  |         animationDurationUpdate: 1000, | 
 |  |  |         animationEasing: 'linear', | 
 |  |  |         animationEasingUpdate: 'linear', | 
 |  |  |     } | 
 |  |  |  | 
 |  |  | }; | 
 |  |  |  |