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