|
|
@@ -4,129 +4,60 @@ define(['jquery', 'bootstrap', 'backend', 'addtabs', 'table', 'echarts', 'echart
|
|
|
index: function () {
|
|
|
// 基于准备好的dom，初始化echarts实例
|
|
|
var myChart = Echarts.init(document.getElementById('echart'), 'walden');
|
|
|
- // console.log(myChart);
|
|
|
- //
|
|
|
- // // $.ajax({
|
|
|
- // // type: 'post',
|
|
|
- // // //传输类型
|
|
|
- // // async: false,
|
|
|
- // // //同步执行
|
|
|
- // // url: 'Dashboard/ecDashboard',
|
|
|
- // // //web.xml中注册的Servlet的url-pattern
|
|
|
- // // data: {},
|
|
|
- // // dataType: 'json',
|
|
|
- // // //返回数据形式为json
|
|
|
- // // success: function(result) {
|
|
|
- // // console.log(result);
|
|
|
- // // },
|
|
|
- // // // error:function(errorMsg) {
|
|
|
- // // // alert("加载数据失败");
|
|
|
- // // // }
|
|
|
- // // });//AJAX
|
|
|
- //
|
|
|
- // // 指定图表的配置项和数据
|
|
|
var option = {
|
|
|
title: {
|
|
|
- text: '订单趋势图表'
|
|
|
+ text: '',
|
|
|
+ subtext: ''
|
|
|
},
|
|
|
+ color: [
|
|
|
+ "#18d1b1",
|
|
|
+ "#3fb1e3",
|
|
|
+ "#626c91",
|
|
|
+ "#a0a7e6",
|
|
|
+ "#c4ebad",
|
|
|
+ "#96dee8"
|
|
|
+ ],
|
|
|
tooltip: {
|
|
|
- trigger: 'axis',
|
|
|
+ trigger: 'axis'
|
|
|
},
|
|
|
- // toolbox: {//图片下载
|
|
|
- // feature: {
|
|
|
- // saveAsImage: {}
|
|
|
- // }
|
|
|
- // },
|
|
|
- grid: {//图表大小
|
|
|
- left: '3%',
|
|
|
- right: '4%',
|
|
|
- bottom: '3%',
|
|
|
- containLabel: true
|
|
|
+ legend: {
|
|
|
+ data: [__('Register user')]
|
|
|
},
|
|
|
- xAxis: [
|
|
|
- {
|
|
|
- type: 'category',
|
|
|
- boundaryGap: false,
|
|
|
- data: Config.column//日期
|
|
|
- }
|
|
|
- ],
|
|
|
- yAxis: [
|
|
|
- {
|
|
|
- type: 'value'
|
|
|
+ toolbox: {
|
|
|
+ show: false,
|
|
|
+ feature: {
|
|
|
+ magicType: {show: true, type: ['stack', 'tiled']},
|
|
|
+ saveAsImage: {show: true}
|
|
|
}
|
|
|
- ],
|
|
|
- series: [
|
|
|
- {
|
|
|
- name: '订单',
|
|
|
- type: 'line',
|
|
|
- stack: 'Total',
|
|
|
- // label: {//显示数据文字
|
|
|
- // show: true,
|
|
|
- // position: 'top'
|
|
|
- // },
|
|
|
- areaStyle: {},
|
|
|
- emphasis: {
|
|
|
- focus: 'series'
|
|
|
- },
|
|
|
- data: [120, 132, 101, 134, 90, 230, 210]
|
|
|
+ },
|
|
|
+ xAxis: {
|
|
|
+ type: 'category',
|
|
|
+ boundaryGap: false,
|
|
|
+ data: Config.column
|
|
|
+ },
|
|
|
+ yAxis: {},
|
|
|
+ grid: [{
|
|
|
+ left: 'left',
|
|
|
+ top: 'top',
|
|
|
+ right: '10',
|
|
|
+ bottom: 30
|
|
|
+ }],
|
|
|
+ series: [{
|
|
|
+ name: __('Register user'),
|
|
|
+ type: 'line',
|
|
|
+ smooth: true,
|
|
|
+ areaStyle: {
|
|
|
+ normal: {}
|
|
|
},
|
|
|
- ]
|
|
|
+ lineStyle: {
|
|
|
+ normal: {
|
|
|
+ width: 1.5
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data: Config.userdata
|
|
|
+ }]
|
|
|
};
|
|
|
|
|
|
- // var option = {
|
|
|
- // title: {
|
|
|
- // text: '',
|
|
|
- // subtext: ''
|
|
|
- // },
|
|
|
- // color: [
|
|
|
- // "#18d1b1",
|
|
|
- // "#3fb1e3",
|
|
|
- // "#626c91",
|
|
|
- // "#a0a7e6",
|
|
|
- // "#c4ebad",
|
|
|
- // "#96dee8"
|
|
|
- // ],
|
|
|
- // tooltip: {
|
|
|
- // trigger: 'axis'
|
|
|
- // },
|
|
|
- // legend: {
|
|
|
- // data: [__('Register user')]
|
|
|
- // },
|
|
|
- // toolbox: {
|
|
|
- // show: false,
|
|
|
- // feature: {
|
|
|
- // magicType: {show: true, type: ['stack', 'tiled']},
|
|
|
- // saveAsImage: {show: true}
|
|
|
- // }
|
|
|
- // },
|
|
|
- // xAxis: {
|
|
|
- // type: 'category',
|
|
|
- // boundaryGap: false,
|
|
|
- // data: Config.column
|
|
|
- // },
|
|
|
- // yAxis: {},
|
|
|
- // grid: [{
|
|
|
- // left: 'left',
|
|
|
- // top: 'top',
|
|
|
- // right: '10',
|
|
|
- // bottom: 30
|
|
|
- // }],
|
|
|
- // series: [{
|
|
|
- // name: __('Register user'),
|
|
|
- // type: 'line',
|
|
|
- // smooth: true,
|
|
|
- // areaStyle: {
|
|
|
- // normal: {}
|
|
|
- // },
|
|
|
- // lineStyle: {
|
|
|
- // normal: {
|
|
|
- // width: 1.5
|
|
|
- // }
|
|
|
- // },
|
|
|
- // data: Config.userdata
|
|
|
- // }]
|
|
|
- // };
|
|
|
-
|
|
|
// 使用刚指定的配置项和数据显示图表。
|
|
|
myChart.setOption(option);
|
|
|
|
