|  |  |  | 
|---|
|  |  |  | 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', | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }; | 
|---|
|  |  |  |  | 
|---|