Credit-to-GDP gaps

描述:当前是关于Echarts图表中的 折线图 示例。
 
            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]
        }
    ]
};