近一年股价趋势echarts 折线配置项内容和展示

位置对应

      var json = {
							xAxis: ['2014/12/21','', '2015/02/11','', '2015/04/04','', '2015/05/26','',
								'2015/07/17','', '2015/09/07','', '2015/10/29','', '2015/12/20'],
							data: [
								[27, 21, 17, 14, 13, 18, 19, 13, 12.5, 16, 15, 16, 16.5, 17, 26]
							]
						};

						option = {
							color: ['#367da2'],
							title: {
								text: '近一年股价趋势',
								left: 'center',
								textStyle: {
									fontSize: 14,
									fontWeight: 'normal',
								},
							},
							legend: {
								bottom: '0%',
								data: ['股价']
							},
							xAxis: {
								boundaryGap: false,
								interval:2,
								axisLine: {
									onZero: false,
									lineStyle: {
										color: "#535f65",
									}
								},
								axisTick: {
									show: true
								},
								axisLabel: {
									interval: 0
								},
								data: json.xAxis
							},
							yAxis: {
								splitNumber: 5,
								max: 28.00,
								min: 0.00,
								interval: 7,
								axisLabel: {
									formatter: function (value) {
										return value.toFixed(2);
									}
								},
								axisLine: {
									show: false
								},
								axisTick: {
									show: false
								},
								splitLine: {
									lineStyle: {
										type: 'dotted',
										color: '#666'
									}
								}
							},
							grid: {
								left: '0%',
								right: '4%',
								top: '12%',
								height: 150,
								containLabel: true
							},
							series: [{
								type: 'line',showAllSymbol:true,
								name: '股价',
//								symbol:'null',
								data: json.data[0]
							}]
						};