配置项如下
option = {
title: [{
text: 'Credit-to-GDP gaps',
// subtext: '纯属虚构'
},
{
subtext:'Data source: BIS',
top:510,
left:50,
subtextStyle:{
fontWeight:'bold'
}
}],
tooltip: {
trigger: 'axis',
formatter:'{b}<br/>{a0}: {c0}%<br />{a1}: {c1}%<br />{a2}: {c2}%<br />{a3}: {c3}%'
},
legend: {
data:['China','United States','India','Japan']
},
toolbox: {
show: true,
feature: {
dataZoom: {},
dataView: {readOnly: false},
magicType: {type: ['line', 'bar']},
restore: {},
saveAsImage: {
pixelRatio:5
}
}
},
xAxis: {
type: 'category',
// min:-35,
// boundaryGap: false,
data:['Mar-00', 'Jun-00', 'Sep-00', 'Dec-00', 'Mar-01', 'Jun-01', 'Sep-01', 'Dec-01', 'Mar-02', 'Jun-02', 'Sep-02', 'Dec-02', 'Mar-03', 'Jun-03', 'Sep-03', 'Dec-03', 'Mar-04', 'Jun-04', 'Sep-04', 'Dec-04', 'Mar-05', 'Jun-05', 'Sep-05', 'Dec-05', 'Mar-06', 'Jun-06', 'Sep-06', 'Dec-06', 'Mar-07', 'Jun-07', 'Sep-07', 'Dec-07', 'Mar-08', 'Jun-08', 'Sep-08', 'Dec-08', 'Mar-09', 'Jun-09', 'Sep-09', 'Dec-09', 'Mar-10', 'Jun-10', 'Sep-10', 'Dec-10', 'Mar-11', 'Jun-11', 'Sep-11', 'Dec-11', 'Mar-12', 'Jun-12', 'Sep-12', 'Dec-12', 'Mar-13', 'Jun-13', 'Sep-13', 'Dec-13', 'Mar-14', 'Jun-14', 'Sep-14', 'Dec-14', 'Mar-15', 'Jun-15', 'Sep-15', 'Dec-15', 'Mar-16', 'Jun-16', 'Sep-16', 'Dec-16', 'Mar-17', 'Jun-17', 'Sep-17']
// data:['Mar-00', 'Jun-00', 'Sep-00', 'Dec-00', 'Mar-01', 'Jun-01', 'Sep-01', 'Dec-01', 'Mar-02', 'Jun-02', 'Sep-02', 'Dec-02', 'Mar-03', 'Jun-03', 'Sep-03', 'Dec-03', 'Mar-04', 'Jun-04', 'Sep-04', 'Dec-04', 'Mar-05', 'Jun-05', 'Sep-05', 'Dec-05', 'Mar-06', 'Jun-06', 'Sep-06', 'Dec-06', 'Mar-07', 'Jun-07', 'Sep-07', 'Dec-07', 'Mar-08', 'Jun-08', 'Sep-08', 'Dec-08', 'Mar-09', 'Jun-09', 'Sep-09', 'Dec-09', 'Mar-10', 'Jun-10', 'Sep-10', 'Dec-10', 'Mar-11', 'Jun-11', 'Sep-11', 'Dec-11', 'Mar-12', 'Jun-12', 'Sep-12', 'Dec-12', 'Mar-13', 'Jun-13', 'Sep-13', 'Dec-13', 'Mar-14', 'Jun-14', 'Sep-14', 'Dec-14', 'Mar-15', 'Jun-15', 'Sep-15', 'Dec-15', 'Mar-16', 'Jun-16', 'Sep-16', 'Dec-16', 'Mar-17', 'Jun-17', 'Sep-17']
// data: 年6月', '200/2年9月', '2002年12月', '2003年3月', '2003年6月', '2003年9月', '2003年12月', '2004年3月', '2004年6月', '2004年9月', '2004年12月', '2005年3月', '2005年6月', '2005年9月', '2005年12月', '2006年3月', '2006年6月', '2006年9月', '2006年12月', '2007年3月', '2007年6月', '2007年9月', '2007年12月', '2008年3月', '2008年6月', '2008年9月', '2008年12月', '2009年3月', '2009年6月', '2009年9月', '2009年12月', '2010年3月', '2010年6月', '2010年9月', '2010年12月', '2011年3月', '2011年6月', '2011年9月', '2011年12月', '2012年3月', '2012年6月', '2012年9月', '2012年12月', '2013年3月', '2013年6月', '2013年9月', '2013年12月', '2014年3月', '2014年6月', '2014年9月', '2014年12月', '2015年3月', '2015年6月', '2015年9月', '2015年12月', '2016年3月', '2016年6月', '2016年9月', '2016年12月', '2017年3月', '2017年6月', '2017年9月']
},
yAxis: {
type: 'value',
// min:-35,
axisLabel: {
formatter: '{value} %'
}
},
series: [
{
name:'China',
type:'line',
data:[6.9, 2.6, 3, 4.8, -5.4, -4.1, -4.8, -4.4, 3.7, 5.3, 6.2, 6.5, 8.4, 12.4, 13, 10.1, 11.7, 6.9, 3.6, 1.3, -0.8, -4.5, -5.8, -7.8, -4.8, -4.3, -6, -8.2, -6.8, -6.5, -7.6, -10.7, -10.2, -11, -11.5, -11.9, 0.6, 9.2, 12.5, 12.8, 14.4, 15, 13.5, 11.5, 10.5, 9, 6.4, 6.3, 8.5, 9.8, 11.9, 13.3, 17.7, 19, 20.1, 18.9, 21.5, 22.9, 21.5, 21.5, 23.3, 23.9, 24.8, 27.2, 28.9, 28.2, 26.4, 24.7, 22.3, 19, 16.7],
markPoint: {
label:{
show:true,
formatter:'{c}%'
},
data: [
{type: 'max', name: '最大值'},
{type: 'min', name: '最小值'},
{coord:[41,15],name:'15',value:15}
]
},
// markLine: {
// data: [
// {type: 'average', name: '平均值'}
// ]
// }
},
{
name:'United States',
type:'line',
data:[4.1, 4.4, 4.5, 4.5, 3.4, 4.8, 6.1, 6.4, 6.3, 6.7, 6.6, 7.4, 7.2, 8.5, 8.3, 7.4, 7.1, 7, 6.9, 7.8, 7.1, 7.7, 8, 8.2, 8.8, 9.5, 9.8, 10.5, 10.5, 11.7, 12.3, 12.5, 12.1, 10.6, 10.3, 7.6, 5.6, 5.2, 4.4, 1.9, -0.8, -3.8, -5.9, -8.7, -10.4, -12.1, -13.3, -13.8, -15, -15.6, -15.9, -15.2, -15.7, -15.4, -14.5, -14.8, -14.7, -14.1, -13.9, -13.5, -13.6, -12.6, -12.2, -11.7, -10.7, -9.6, -8.5, -8.4, -8, -7.4, -6.9],
// markPoint: {
// data: [
// {name: '周最低', value: -2, xAxis: 1, yAxis: -1.5}
// ]
// },
// markLine: {
// data: [
// {type: 'average', name: '平均值'}
// ]
// }
},
{
name:'India',
type:'line',
data:[0.3, 0.8, 0.6, 1.5, 1.8, 1.4, 1.3, 1.7, 2.5, 4, 3.6, 3.9, 4.5, 3.6, 2.6, 2.8, 4, 3.5, 3.4, 5.3, 6, 6, 7.8, 7.8, 10.9, 9.4, 10.3, 9.6, 11.8, 8.6, 9.1, 8.8, 11.3, 9.2, 9.4, 8.9, 10, 7.4, 7.4, 5.7, 6.7, 4.9, 3.9, 5.5, 4.5, 2.6, 1.7, 2.6, 3.9, 3.5, 0.6, 1.6, 1.8, 1.7, 0.9, -0.1, -0.1, -1.4, -2.8, -3, -2.8, -3.5, -4.4, -3.5, -3.4, -5.1, -5, -7.7, -6.1, -8.9, -7.8]
},
{
name:'Japan',
type:'line',
data:[-24.4, -27.4, -27.1, -27.7, -29.1, -30.6, -29.5, -27.8, -27.4, -27.4, -28.5, -26.5, -27.6, -29.3, -30.1, -28.6, -30.1, -30.9, -30.7, -28.7, -25.9, -27.2, -25.2, -22.8, -22.3, -21.7, -19.9, -18.1, -17.7, -19.2, -17.3, -14.9, -14.1, -12.1, -10.2, -4.7, -2.2, -0.1, 1.9, 3.4, 2, 0.4, -1, -2, -1.5, -0.6, 0.8, 1.5, 0.9, -1.5, 0.2, 1.7, 2.1, 1.6, 1.8, 2.1, 1.7, 0.5, 1.3, 2.7, 1.7, 0, 0.1, 1, 1.1, 1.5, 3.3, 5.2, 6.7, 6.5, 7.7]
}
]
};