1.x轴数据显示不完全
2.在x轴点之间如何绘制
配置项如下
var json = {
xAxis: ['2014/12/21', '2015/02/11', '2015/04/04', '2015/05/26', '2015/0717', '2015/09/07', '2015/10/29', '2015/12/20'],
data: [
[0, 20, 5, 15, 30,],
[0, 0, 0, 5, 8],
// [0, -3, -2, -7, -6]
]
};
option = {
color: ['#367da2', '#dda42d'],
title: {
text: '产品收益',
left: 'center',
textStyle: {
fontSize: 14,
fontWeight: 'normal',
// fontFamily: 'Microsoft YaHei'
},
// top: '7%'
},
legend: {
bottom: '0%',
data: ['徐工机械', '广发证券']
},
// tooltip: {
// trigger: 'axis',
// padding: 0,
// extraCssText: 'box-shadow: 0 0 7px rgba(0, 0, 0, 0.6);',
// axisPointer: { // 坐标轴指示器,坐标轴触发有效
// type: 'line' // 默认为直线,可选为:'line' | 'shadow'
// },
// backgroundColor: 'rgba(255,255,255,0)',
// show: true,
// formatter: function(params) {
// var stl = '';
// $(params).each(function(index, serie) {
// if (serie.componentType === 'series' && serie.dataIndex > 0) {
// var colors = myChart.getOption().color;
// var color = colors[index % colors.length];
// stl += '<br /> <div style="display:inline-block;width:10px;height:10px;border-radius:5px;background:' + color + ';"></div> ' + serie.seriesName + ': ' + serie.value;
// }
// });
// return stl ? '<div style="background:#fff;padding:15px;color:#999;border-radius:5px;">' + (params[0] ? params[0].name : params.seriesName) + stl + '</div>' : '';
// }
// },
xAxis: {
// type:'time',
boundaryGap: false,
axisLine: {
onZero: false,
lineStyle: {
color: "#535f65",
}
},
axisTick: {
show: false
},
axisLabel: {
interval: 0,
textStyle: {
fontStyle: 'normal',
fontSize: 10
}
},
data: json.xAxis
},
yAxis: {
splitNumber: 5,
max: 30,
min: 0,
interval: 7.5,
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%',
bottom: '10%',
top: '15%',
containLabel: true
},
series: [{
type: 'line',
name: '建议模型',
data: json.data[0]
}, {
type: 'line',
name: '沪深300',
tooltip: {
color: "367da2"
},
data: json.data[1]
}]
};