echarts实现如下图形,主要是x轴标签的设置

目标图
此图形中X轴标签是以年份来划分的,同时也将一年内的曲线区分开来。

我现在所提的问题,是如何在echarts中实现这种x轴标签。

如上图形,目前大部分功能都能实现(如下图),就是x时间轴的标签显示问题。求大神指教。
图片说明

所以你的问题是什么?x轴的标签太长显示不全的问题?还是什么?如果是显示不全可以试试
axisLabel: {

interval:0,

rotate:40

} 让他倾斜显示。
或者调用 formatter
axisLabel: {

interval: 0,

formatter:function(value)

{

return value.split("").join("\n");

}

}
让他垂直显示。更多的可以百度一下关键字‘echarts x轴文字倾斜’
如果不是这个问题建议下次提问描述清楚点!!!

一个取巧的办法,横坐标数组补'空字符串',例子如下

option = {
xAxis: {
type: 'category',
data: ['', '', '', '', '', '2003', '', '', '', '', '','']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 901, 934, 1290, 1330, 1320,820, 932, 901, 934, 1290, 1330],
type: 'line'
}]
};