经典折线图echarts 折线配置项内容和展示

      option = {
    color: ["#5AAFE5", "#9DCE50"],
    title: {
        text: '市场监管局 办件数量和效能对比'
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        icon: 'rect', //设置图例的图形形状，circle为圆，rect为矩形
        itemWidth: 14, //图例标记的图形宽度[ default: 25 ] 
        itemHeight: 5, //图例标记的图形高度。[ default: 14 ] 
        itemGap: 13, //图例每项之间的间隔。横向布局时为水平间隔，纵向布局时为纵向间隔。[ default: 10 ] 
        data: ['效能指数', '办件数量'],
        top: '5%',
        right: '4%', //图例组件离容器右侧的距离
        textStyle: {
            fontSize: 12,
        }
    },
    dataZoom: [{

        type: 'inside',
        start: 0,
        end: 100
    }, {
        show: true,
        type: 'slider',
        y: '90%',
        start: 0,
        end: 100
    }],

    grid: {
        left: '3%',
        right: '4%',
        bottom: '13%',
        containLabel: true
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['2018-5-8', '2018-5-7', '2018-4-28', '2018-4-27', '2018-4-20', '2018-4-19', '2018-4-18', '2018-4-13', '2018-4-12', '2018-4-11', '2018-4-10', '2018-4-4', '2018-4-3', '2018-4-2', '2018-3-28', '2018-3-27', '2018-3-26', '2018-3-19', '2018-3-16', '2018-3-9', '2018-3-8', '2018-3-2', '2018-3-1', '2018-2-28', '2018-2-27', '2018-2-22', '2018-2-14', '2018-2-13', '2018-2-12', '2018-2-5', '2018-2-2', '2018-1-26', '2018-1-25', '2018-1-19', '2018-1-18', '2018-1-17', '2018-1-16', '2018-1-11', '2018-1-10', '2018-1-9', '2018-1-8', '2018-1-3', '2018-1-2', '2017-12-26', '2017-12-25', '2017-12-22', '2017-12-15', '2017-12-14', '2017-12-8', '2017-12-7', '2017-12-6', '2017-12-1', '2017-11-30', '2017-11-29', '2017-11-28', '2017-11-27', '2017-11-22', '2017-11-21', '2017-11-20', '2017-11-14', '2017-11-13', '2017-11-3', '2017-11-2', '2017-10-27', '2017-10-26', '2017-10-25', '2017-10-20', '2017-10-19', '2017-10-18', '2017-10-17', '2017-10-11', '2017-10-10', '2017-10-9', '2017-9-25', '2017-9-22', '2017-9-21', '2017-9-15', '2017-9-14', '2017-9-13', '2017-9-8', '2017-9-7', '2017-9-6', '2017-9-5', '2017-8-31', '2017-8-30', '2017-8-29', '2017-8-28', '2017-8-22', '2017-8-21', '2017-8-14', '2017-8-11', '2017-8-4', '2017-8-3', '2017-8-2', '2017-7-28', '2017-7-27', '2017-7-26', '2017-7-25', '2017-7-20', '2017-7-19', '2017-7-18', '2017-7-17', '2017-7-11', '2017-7-10', '2017-7-3', '2017-6-30', '2017-6-23', '2017-6-22', '2017-6-16', '2017-6-15', '2017-6-14', '2017-6-13', '2017-6-8', '2017-6-7', '2017-6-6', '2017-6-5', '2017-5-31', '2017-5-22', '2017-5-19', '2017-5-12', '2017-5-11', '2017-5-5', '2017-5-4', '2017-5-3', '2017-5-2', '2017-4-27', '2017-4-26', '2017-4-25', '2017-4-24', '2017-4-19', '2017-4-18', '2017-4-17', '2017-4-11', '2018-5-9', '2018-5-4', '2018-5-3', '2018-5-2', '2018-4-26', '2018-4-25', '2018-4-24', '2018-4-23', '2018-4-17', '2018-4-16', '2018-4-9', '2018-3-30', '2018-3-29', '2018-3-23', '2018-3-22', '2018-3-21', '2018-3-20', '2018-3-15', '2018-3-14', '2018-3-13', '2018-3-12', '2018-3-7', '2018-3-6', '2018-3-5', '2018-2-26', '2018-2-24', '2018-2-23', '2018-2-9', '2018-2-8', '2018-2-7', '2018-2-6', '2018-2-1', '2018-1-31', '2018-1-30', '2018-1-29', '2018-1-24', '2018-1-23', '2018-1-22', '2018-1-15', '2018-1-12', '2018-1-5', '2018-1-4', '2017-12-29', '2017-12-28', '2017-12-27', '2017-12-21', '2017-12-20', '2017-12-19', '2017-12-18', '2017-12-13', '2017-12-12', '2017-12-11', '2017-12-5', '2017-12-4', '2017-11-24', '2017-11-23', '2017-11-17', '2017-11-16', '2017-11-15', '2017-11-10', '2017-11-9', '2017-11-8', '2017-11-7', '2017-11-6', '2017-11-1', '2017-10-31', '2017-10-30', '2017-10-24', '2017-10-23', '2017-10-16', '2017-10-13', '2017-10-12', '2017-9-29', '2017-9-28', '2017-9-27', '2017-9-26', '2017-9-20', '2017-9-19', '2017-9-18', '2017-9-12', '2017-9-11', '2017-9-4', '2017-9-1', '2017-8-25', '2017-8-24', '2017-8-23', '2017-8-18', '2017-8-17', '2017-8-16', '2017-8-15', '2017-8-10', '2017-8-9', '2017-8-8', '2017-8-7', '2017-8-1', '2017-7-31', '2017-7-24', '2017-7-21', '2017-7-14', '2017-7-13', '2017-7-12', '2017-7-7', '2017-7-6', '2017-7-5', '2017-7-4', '2017-6-29', '2017-6-28', '2017-6-27', '2017-6-26', '2017-6-21', '2017-6-20', '2017-6-19', '2017-6-12', '2017-6-9', '2017-6-2', '2017-6-1', '2017-5-26', '2017-5-25', '2017-5-24', '2017-5-23', '2017-5-18', '2017-5-17', '2017-5-16', '2017-5-15', '2017-5-10', '2017-5-9', '2017-5-8', '2017-4-28', '2017-4-21', '2017-4-20', '2017-4-14', '2017-4-13', '2017-4-12']
    },
    yAxis: [{
        type: 'value',
        axisTick: {
            show: false
        },
        axisLine: {
            lineStyle: {
                color: '#57617B'
            }
        },
        axisLabel: {
            margin: 10,
        },
        splitLine: {
            show: false,
            lineStyle: {
                color: '#57617B'
            }
        },
        splitArea: {
            show: false
        },
    }],
    series: [{
        name: '效能指数',
        type: 'line',
        stack: '总量',
        smooth: true,
        areaStyle: {
            normal: {
                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                    offset: 0,
                    color: 'rgba(0, 136, 212, 0.3)'
                }, {
                    offset: 0.8,
                    color: 'rgba(0, 136, 212, 0)'
                }], false),
                shadowColor: 'rgba(0, 0, 0, 0.1)',
                shadowBlur: 10
            }
        },
        data: [1.12314505, -5.790125187, 6.771657489, 4.397527807, -1.851248021, -0.653291025, 1.22115694, 9.25065245, 2.431817686, -3.907113181, -19.52482446, 7.994124598, -1.184883852, -6.858591242, -0.091233552, 1.396519387, 2.095733561, 2.547083025, -2.183078107, -0.843021882, 0.033940128, -4.657754328, 4.743805064, -0.158081421, -58.25784873, 110.2027404, 11.857275, 2.440188728, 1.768064284, 0.214451717, -1.794706603, 1.42378594, 2.149110682, 4.035361081, -5.099866017, 2.809075038, -1.628279674, 3.076494368, 0.972305405, -1.779994139, -0.487780486, -0.443413249, -0.33336725, 4.572566664, -4.009263841, 2.492446967, -1.059536823, -1.711329361, 3.731027882, -2.024195929, 3.47303293, 4.059748325, 0.418829362, -0.814963427, -0.851822611, 1.200286778, 0.193400918, 1.954294599, -0.319129512, 0.160055097, -0.528333727, 2.462538081, 1.276165174, -1.747541821, -0.608272237, 2.379495013, -1.095494364, -0.240018515, 0.105393035, -1.519603869, 1.037472525, 0.659245599, 1.048759958, -0.502902629, 0.0633273, -0.15829585, 1.639763455, 0.070713905, 0.885154038, -1.516731221, -0.783580368, 0.498891327, 3.546852485, -2.606324095, -2.229962393, 0.108918312, -0.705823333, 1.869147413, -0.429558832, 0.13029789, 1.93096614, 0.376308023, -2.127272665, 4.553882224, -0.121305076, -1.917166268, 0.800145141, -3.070328701, 2.037949611, -0.352953175, -0.594741241, 4.090054091, -4.113114529, -0.503164465, 2.10482976, -0.439598621, -2.635562454, 2.557703546, 0.654805517, -2.112635037, 3.98949995, -4.533614374, 0.654101087, 0.248802852, 0.312156138, 3.628180629, -2.269866074, -0.285158058, 0.600582165, 2.420289618, -1.969141598, -0.555002587, 0.441734244, -0.128549528, -0.617719908, -0.201010922, 1.47061801, 0.190282761, 0.925231935, 0.912305933, -1.705242587, -1.519963903, -21.0793161, 12.14822568, 1.028471298, -3.169632335, 3.980825684, 0.721121155, -2.768800104, 3.759402539, -1.404610706, -1.169642853, 1.235436059, -12.31699879, -5.479360782, 12.23238675, -0.196885876, 0.107736588, 6.101252147, -6.750937136, 0.181049882, 0.953753827, -3.81844373, 1.375506521, 1.233315533, -2.774075637, -12.36843131, -53.16398357, 14.64526504, 114.1061028, 2.709901452, 2.290051108, -0.505221407, -2.190746463, -0.782402201, 2.516867095, 1.481460717, 0.085147943, -2.581773622, -2.013320928, 1.0450612, -2.212152425, 4.606529378, -3.675497068, 4.72446689, -1.925131983, 4.995202209, -0.843619007, -0.984386444, -0.136158192, 3.654528379, -0.476801754, -2.726171379, 1.550139057, 1.344870161, -0.254854905, 1.413934509, 3.748971532, 0.719039589, 0.8460561, -1.047644842, 2.294654122, 0.80126494, 0.280125955, -2.520692706, -0.158068659, 2.751088262, -0.459372356, 3.065579509, -0.524317034, 1.794982335, -3.215607461, -1.905768846, 0.82906749, 0.997750662, 1.934608271, -0.98579811, 2.025170913, -2.885126192, 1.787268509, -1.828932067, 1.411589811, -0.839173194, -0.362848094, -0.008343922, -2.81898165, 1.802867897, -2.603915565, 2.878321982, 1.573640321, 0.736911325, -0.32478892, 0.281802719, -0.368813977, 0.916663051, -0.408271044, 0.61992707, -0.542659283, 1.021506694, 0.158651579, 1.959545791, -1.215662439, 0.258677369, -0.8529532, -0.824824358, 0.674350042, -0.813447112, -2.820751184, 1.17552974, 0.298935627, 1.751593761, -2.271694398, 1.311926554, -0.113862525, 0.529770647, -1.661197603, 1.873446307, -0.026644634, 3.115042627, -1.056585442, -2.784599474, 2.570258035, -0.716401121, -0.484745835, 1.753943463, -0.384753986, -2.028870466, 1.128763524, 1.479895072, -1.133886402, 1.371849684, 0.716027731, -1.255879154, -0.155024926, -0.802222551, -100]
    }, {
        name: '办件数量',
        type: 'line',
        stack: '总量',
        smooth: true,
        areaStyle: { //区域填充样式
            normal: {
                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ //填充的颜色。
                    offset: 0, // 0% 处的颜色
                    color: 'rgba(137, 189, 27, 0.3)'
                }, {
                    offset: 0.8, // 80% 处的颜色
                    color: 'rgba(137, 189, 27, 0)'
                }], false),
                shadowColor: 'rgba(0, 0, 0, 0.1)', //阴影颜色。支持的格式同color
                shadowBlur: 10 //图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果
            }
        },
        data: [-16.66666667, 56, 0, 12.82051282, 9.090909091, -47.91666667, 144, 314.7540984, 73.51778656, -21.41230068, -92.46376812, 176.9230769, -83.33333333, 141.6666667, -55.17241379, 130.7692308, 26.66666667, 2.631578947, -10.25641026, -17.14285714, 13.79310345, 15.15151515, -31.57894737, -7.692307692, -70.83333333, 157.1428571, 66.66666667, 46.66666667, -11.36363636, 23.07692308, -37.5, -13.33333333, 211.5384615, -24.69135802, 18.03278689, -58.33333333, 143.3333333, 5.479452055, 15.58441558, -48.31460674, 91.30434783, -42.04545455, 17.64705882, 45, -57.47126437, 64.86486486, 72.13114754, -2.857142857, 41.17647059, -59.72222222, 239.6551724, 1.52284264, 8.5, -6.451612903, 5.418719212, 4.205607477, -5.381165919, 23.22274882, -6.153846154, 22.95081967, -36.66666667, 13.15789474, 29.30232558, -11.51079137, 15.85365854, -6.315789474, -24.34456929, 33.16831683, 0, -39.77695167, 4.320987654, 18.34319527, 16, 5.603448276, -45.71428571, 96.9924812, -9.160305344, 21.00840336, 2.430555556, -18.30508475, -10.37344398, -32.40740741, 184.9315068, -50.24038462, 16.90821256, -45.45454545, 100.7575758, 9.433962264, -20, 13.36206897, 17.11026616, -19.80519481, 1.214574899, 101.2, -29.82107356, -24.36260623, -11.23595506, -36.70886076, 58, 0.421940928, 15.12605042, 33.94160584, -25.06811989, -8.727272727, 20.3187251, 7.947019868, -71.16564417, 192.5531915, 3.272727273, -64.08450704, 260.7843137, -58.15217391, 55.19480519, 5.857740586, 5.533596838, 37.45318352, -23.16076294, -2.127659574, 26.44927536, -13.46704871, -11.58940397, -0.74906367, 1.509433962, 12.26765799, -44.37086093, 36.30952381, 45.41484716, -2.102102102, 1.226993865, 6.060606061, -9.428571429, -20.50473186, -92.85714286, 116.6666667, -15.38461538, -30.3030303, 52.17391304, -22.85714286, 37.03703704, 45.94594595, -38.88888889, -18.18181818, 822.2222222, -92.77108434, -50, 288.8888889, -20, 71.42857143, 14.58333333, -29.09090909, -15.38461538, 39.39393939, -6.52173913, -30.23255814, 16.66666667, 8.571428571, -47.36842105, -20, 0, 156.25, -43.90243902, 152.173913, -12.06896552, -23.52941176, 30.76923077, -3.921568627, -16.32653061, 73.17073171, -16.90140845, -38.98305085, -2.777777778, -14.28571429, 46.66666667, -13.63636364, 76.31578947, -49.25373134, 35.29411765, 43.47826087, -46.96969697, 108.5714286, -9.589041096, -15.15151515, -26.78571429, 204.8780488, 13.6, 59.15492958, -3.097345133, 14.15525114, -1.6, -7.317073171, 5.263157895, 19.16666667, -13.98601399, -3.658536585, -13.92405063, -0.980392157, 29.20792079, -14.55938697, 46.18834081, -1.533742331, 8.411214953, -19.82758621, -1.792114695, -23.72262774, 11.00478469, 11.20689655, 18.21705426, -26.55737705, -44.64285714, 70.96774194, 21.22641509, -5.058365759, -13.93442623, -4.285714286, 32.8358209, -43.44569288, 72.18543046, -21.15384615, 37.07317073, -11.38790036, 4.819277108, 13.79310345, -13.8047138, 24.609375, -8.463949843, 4.109589041, -4.605263158, 0, -20.34482759, 42.85714286, 25.75757576, -28.6746988, 13.17567568, -2.985074627, -25.84615385, 8.713692946, -8.778625954, -38.49372385, 59.18367347, 17.52136752, -5.454545455, -23.07692308, 35, 12.59259259, -12.82894737, -6.037735849, -24.09638554, -2.116402116, 73.51351351, -9.034267913, -33.56164384, 57.21649485, -13.44262295, 5.303030303, 4.316546763, 3.793103448, -34.55149502, 79.18781726, -18.69688385, 13.58885017, -2.760736196, 12.93375394, -4.469273743, -20.76023392, -8.856088561, -100]

    }]
};