联动echarts 折线配置项内容和展示

多轴联动

      const data = 
    {"index":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99],
    "x":[-2.070323120000012,-2.070323120000012,-2.079897680000016,-2.0894722400000205,-2.099046800000025,-2.1325577599999974,-2.166068720000027,-2.166068720000027,-2.1564941600000225,-2.1564941600000225,-2.1756432800000027,-2.2139415199999917,-2.2139415199999917,-2.2330906400000003,-2.2139415199999917,-2.2139415199999917,-2.2139415199999917,-2.2330906400000003,-2.2330906400000003,-2.2139415199999917,-2.185217840000007,-2.1756432800000027,-2.1947924000000114,-2.1947924000000114,-2.1756432800000027,-2.1756432800000027,-2.1564941600000225,-2.1756432800000027,-2.166068720000027,-2.166068720000027,-2.146919600000018,-2.1756432800000027,-2.1756432800000027,-2.1564941600000225,-2.1564941600000225,-2.1421323200000018,-2.1612814400000104,-2.166068720000027,-2.1756432800000027,-2.146919600000018,-2.137345040000014,-2.137345040000014,-2.1756432800000027,-2.1756432800000027,-2.1564941600000225,-2.137345040000014,-2.118195920000005,-2.137345040000014,-2.118195920000005,-2.137345040000014,-2.118195920000005,-2.099046800000025,-2.099046800000025,-2.099046800000025,-2.0894722400000205,-2.079897680000016,-2.0607485600000075,-2.070323120000012,-2.0894722400000205,-2.0894722400000205,-2.079897680000016,-2.070323120000012,-2.099046800000025,-2.1229832000000215,-2.118195920000005,-2.118195920000005,-2.099046800000025,-2.146919600000018,-2.1756432800000027,-2.1947924000000114,-2.1756432800000027,-2.2043669599999873,-2.2139415199999917,-2.2330906400000003,-2.2139415199999917,-2.2235160800000244,-2.2330906400000003,-2.252239760000009,-2.2809634399999936,-2.2713888799999893,-2.2618143200000134,-2.2713888799999893,-2.2857507199999816,-2.2809634399999936,-2.2809634399999936,-2.252239760000009,-2.252239760000009,-2.257027039999997,-2.252239760000009,-2.2713888799999893,-2.252239760000009,-2.252239760000009,-2.2426652000000047,-2.252239760000009,-2.2713888799999893,-2.2713888799999893,-2.2713888799999893,-2.2713888799999893,-2.2713888799999893,-2.2713888799999893],
    "y":[0.2562949599999911,0.2562949599999911,0.2562949599999911,0.2562949599999911,0.29459319999998,0.3328914399999974,0.35204055999997763,0.3711896799999863,0.35204055999997763,0.35204055999997763,0.32331687999999303,0.390338799999995,0.40948791999997525,0.3711896799999863,0.40948791999997525,0.3711896799999863,0.3711896799999863,0.3711896799999863,0.3711896799999863,0.3711896799999863,0.3711896799999863,0.3711896799999863,0.35204055999997763,0.3711896799999863,0.3711896799999863,0.35204055999997763,0.3711896799999863,0.35204055999997763,0.3328914399999974,0.3328914399999974,0.3711896799999863,0.3328914399999974,0.3281041600000094,0.3281041600000094,0.29459319999998,0.29459319999998,0.29459319999998,0.29459319999998,0.2562949599999911,0.27544407999999976,0.2562949599999911,0.2562949599999911,0.2562949599999911,0.2562949599999911,0.23714584000001082,0.21799672000000214,0.2562949599999911,0.21799672000000214,0.2562949599999911,0.27544407999999976,0.2850186399999757,0.3424660000000017,0.35204055999997763,0.32331687999999303,0.3328914399999974,0.3328914399999974,0.3328914399999974,0.32331687999999303,0.29459319999998,0.29459319999998,0.2562949599999911,0.2850186399999757,0.21799672000000214,0.21799672000000214,0.23714584000001082,0.2084221599999978,0.21799672000000214,0.21799672000000214,0.17969847999998478,0.1940603200000055,0.2562949599999911,0.2562949599999911,0.2562949599999911,0.2850186399999757,0.27544407999999976,0.2562949599999911,0.32331687999999303,0.3328914399999974,0.3137423200000171,0.3137423200000171,0.29459319999998,0.2850186399999757,0.3328914399999974,0.3328914399999974,0.29459319999998,0.3281041600000094,0.29459319999998,0.29459319999998,0.29459319999998,0.32331687999999303,0.3137423200000171,0.29459319999998,0.3328914399999974,0.2850186399999757,0.29459319999998,0.3328914399999974,0.29459319999998,0.29459319999998,0.29459319999998,0.29459319999998],
    "z":[-5.6129103199999975,-5.6033357600000215,-5.6129103199999975,-5.6320594400000346,-5.622484880000002,-5.622484880000002,-5.622484880000002,-5.622484880000002,-5.6416340000000105,-5.6416340000000105,-5.651208560000015,-5.6416340000000105,-5.6416340000000105,-5.660783120000019,-5.679932239999999,-5.6990813600000365,-5.6990813600000365,-5.6990813600000365,-5.718230480000017,-5.737379599999997,-5.766103279999982,-5.775677840000014,-5.785252400000019,-5.775677840000014,-5.775677840000014,-5.775677840000014,-5.785252400000019,-5.804401519999999,-5.804401519999999,-5.794826959999995,-5.775677840000014,-5.794826959999995,-5.794826959999995,-5.804401519999999,-5.804401519999999,-5.775677840000014,-5.756528720000006,-5.737379599999997,-5.737379599999997,-5.746954160000001,-5.746954160000001,-5.727805040000021,-5.718230480000017,-5.718230480000017,-5.718230480000017,-5.718230480000017,-5.6990813600000365,-5.6990813600000365,-5.6990813600000365,-5.6990813600000365,-5.689506800000004,-5.670357679999995,-5.679932239999999,-5.660783120000019,-5.670357679999995,-5.660783120000019,-5.6416340000000105,-5.622484880000002,-5.622484880000002,-5.6416340000000105,-5.660783120000019,-5.660783120000019,-5.651208560000015,-5.660783120000019,-5.651208560000015,-5.670357679999995,-5.670357679999995,-5.689506800000004,-5.6990813600000365,-5.6990813600000365,-5.6990813600000365,-5.718230480000017,-5.718230480000017,-5.746954160000001,-5.756528720000006,-5.756528720000006,-5.756528720000006,-5.766103279999982,-5.804401519999999,-5.823550640000008,-5.833125199999984,-5.842699759999988,-5.833125199999984,-5.833125199999984,-5.852274320000021,-5.861848880000025,-5.871423440000001,-5.861848880000025,-5.842699759999988,-5.871423440000001,-5.871423440000001,-5.89057256000001,-5.89057256000001,-5.880998000000005,-5.857061600000009,-5.852274320000021,-5.871423440000001,-5.871423440000001,-5.871423440000001,-5.861848880000025],
    "x1":[-2.070323120000012,-2.070323120000012,-2.079897680000016,-2.0894722400000205,-2.099046800000025,-2.1325577599999974,-2.166068720000027,-2.166068720000027,-2.1564941600000225,-2.1564941600000225,-2.1756432800000027,-2.2139415199999917,-2.2139415199999917,-2.2330906400000003,-2.2139415199999917,-2.2139415199999917,-2.2139415199999917,-2.2330906400000003,-2.2330906400000003,-2.2139415199999917,-2.185217840000007,-2.1756432800000027,-2.1947924000000114,-2.1947924000000114,-2.1756432800000027,-2.1756432800000027,-2.1564941600000225,-2.1756432800000027,-2.166068720000027,-2.166068720000027,-2.146919600000018,-2.1756432800000027,-2.1756432800000027,-2.1564941600000225,-2.1564941600000225,-2.1421323200000018,-2.1612814400000104,-2.166068720000027,-2.1756432800000027,-2.146919600000018,-2.137345040000014,-2.137345040000014,-2.1756432800000027,-2.1756432800000027,-2.1564941600000225,-2.137345040000014,-2.118195920000005,-2.137345040000014,-2.118195920000005,-2.137345040000014,-2.118195920000005,-2.099046800000025,-2.099046800000025,-2.099046800000025,-2.0894722400000205,-2.079897680000016,-2.0607485600000075,-2.070323120000012,-2.0894722400000205,-2.0894722400000205,-2.079897680000016,-2.070323120000012,-2.099046800000025,-2.1229832000000215,-2.118195920000005,-2.118195920000005,-2.099046800000025,-2.146919600000018,-2.1756432800000027,-2.1947924000000114,-2.1756432800000027,-2.2043669599999873,-2.2139415199999917,-2.2330906400000003,-2.2139415199999917,-2.2235160800000244,-2.2330906400000003,-2.252239760000009,-2.2809634399999936,-2.2713888799999893,-2.2618143200000134,-2.2713888799999893,-2.2857507199999816,-2.2809634399999936,-2.2809634399999936,-2.252239760000009,-2.252239760000009,-2.257027039999997,-2.252239760000009,-2.2713888799999893,-2.252239760000009,-2.252239760000009,-2.2426652000000047,-2.252239760000009,-2.2713888799999893,-2.2713888799999893,-2.2713888799999893,-2.2713888799999893,-2.2713888799999893,-2.2713888799999893],
    "y1":[0.2562949599999911,0.2562949599999911,0.2562949599999911,0.2562949599999911,0.29459319999998,0.3328914399999974,0.35204055999997763,0.3711896799999863,0.35204055999997763,0.35204055999997763,0.32331687999999303,0.390338799999995,0.40948791999997525,0.3711896799999863,0.40948791999997525,0.3711896799999863,0.3711896799999863,0.3711896799999863,0.3711896799999863,0.3711896799999863,0.3711896799999863,0.3711896799999863,0.35204055999997763,0.3711896799999863,0.3711896799999863,0.35204055999997763,0.3711896799999863,0.35204055999997763,0.3328914399999974,0.3328914399999974,0.3711896799999863,0.3328914399999974,0.3281041600000094,0.3281041600000094,0.29459319999998,0.29459319999998,0.29459319999998,0.29459319999998,0.2562949599999911,0.27544407999999976,0.2562949599999911,0.2562949599999911,0.2562949599999911,0.2562949599999911,0.23714584000001082,0.21799672000000214,0.2562949599999911,0.21799672000000214,0.2562949599999911,0.27544407999999976,0.2850186399999757,0.3424660000000017,0.35204055999997763,0.32331687999999303,0.3328914399999974,0.3328914399999974,0.3328914399999974,0.32331687999999303,0.29459319999998,0.29459319999998,0.2562949599999911,0.2850186399999757,0.21799672000000214,0.21799672000000214,0.23714584000001082,0.2084221599999978,0.21799672000000214,0.21799672000000214,0.17969847999998478,0.1940603200000055,0.2562949599999911,0.2562949599999911,0.2562949599999911,0.2850186399999757,0.27544407999999976,0.2562949599999911,0.32331687999999303,0.3328914399999974,0.3137423200000171,0.3137423200000171,0.29459319999998,0.2850186399999757,0.3328914399999974,0.3328914399999974,0.29459319999998,0.3281041600000094,0.29459319999998,0.29459319999998,0.29459319999998,0.32331687999999303,0.3137423200000171,0.29459319999998,0.3328914399999974,0.2850186399999757,0.29459319999998,0.3328914399999974,0.29459319999998,0.29459319999998,0.29459319999998,0.29459319999998],
    "z1":[-5.6129103199999975,-5.6033357600000215,-5.6129103199999975,-5.6320594400000346,-5.622484880000002,-5.622484880000002,-5.622484880000002,-5.622484880000002,-5.6416340000000105,-5.6416340000000105,-5.651208560000015,-5.6416340000000105,-5.6416340000000105,-5.660783120000019,-5.679932239999999,-5.6990813600000365,-5.6990813600000365,-5.6990813600000365,-5.718230480000017,-5.737379599999997,-5.766103279999982,-5.775677840000014,-5.785252400000019,-5.775677840000014,-5.775677840000014,-5.775677840000014,-5.785252400000019,-5.804401519999999,-5.804401519999999,-5.794826959999995,-5.775677840000014,-5.794826959999995,-5.794826959999995,-5.804401519999999,-5.804401519999999,-5.775677840000014,-5.756528720000006,-5.737379599999997,-5.737379599999997,-5.746954160000001,-5.746954160000001,-5.727805040000021,-5.718230480000017,-5.718230480000017,-5.718230480000017,-5.718230480000017,-5.6990813600000365,-5.6990813600000365,-5.6990813600000365,-5.6990813600000365,-5.689506800000004,-5.670357679999995,-5.679932239999999,-5.660783120000019,-5.670357679999995,-5.660783120000019,-5.6416340000000105,-5.622484880000002,-5.622484880000002,-5.6416340000000105,-5.660783120000019,-5.660783120000019,-5.651208560000015,-5.660783120000019,-5.651208560000015,-5.670357679999995,-5.670357679999995,-5.689506800000004,-5.6990813600000365,-5.6990813600000365,-5.6990813600000365,-5.718230480000017,-5.718230480000017,-5.746954160000001,-5.756528720000006,-5.756528720000006,-5.756528720000006,-5.766103279999982,-5.804401519999999,-5.823550640000008,-5.833125199999984,-5.842699759999988,-5.833125199999984,-5.833125199999984,-5.852274320000021,-5.861848880000025,-5.871423440000001,-5.861848880000025,-5.842699759999988,-5.871423440000001,-5.871423440000001,-5.89057256000001,-5.89057256000001,-5.880998000000005,-5.857061600000009,-5.852274320000021,-5.871423440000001,-5.871423440000001,-5.871423440000001,-5.861848880000025]
        
    }

option = {
    legend: {
        top: 10,
        left: 30,
        // selectedMode: 'single'
    },
    tooltip: {
      trigger: 'axis', 
    },
    axisPointer: {
        type: 'shadow',
        link: {
            xAxisIndex: 'all'
        }
    },
    grid: [
        {
            left: '5%',
            top: '10%',
            width: '100%',
            height: '20%'
        },
        {
            left: '5%',
            top: '45%',
            width: '100%',
            height: '20%'
        }
    ],
    xAxis: [
        {
            type: 'value',
            gridIndex: 0
        },
        {
            type: 'value',
            gridIndex: 1
        }
    ],
    yAxis: [
        {
            type: 'value',
            name: 'mm/s²',
            nameGap: 10,
            gridIndex: 0
        },
        {
            type: 'value',
            name: 'mm/s²',
            nameGap: 10,
            gridIndex: 1
        },
    ],
    dataZoom: [{
        type: 'slider',
        left:'5%',
        right:'5%',
        xAxisIndex: [0, 1],
        realtime: true
    }],
    series: [{
        name: '水平',
        type: 'line',
        xAxisIndex: 0,
        yAxisIndex: 0,
        encode: {
            x: 'index',
            y: 'x',
        },
        showSymbol: false
    },
     {
        name: '轴向',
        type: 'line',
        xAxisIndex: 1,
        yAxisIndex: 1,
        encode: {
            x: 'index',
            y: 'y1',
        },
        showSymbol: false
    }, {
        name: '垂直',
        type: 'line',
        xAxisIndex: 1,
        yAxisIndex: 1,
        encode: {
            x: 'index',
            y: 'z1',
        },
        showSymbol: false
    }
    ],
    dataset: {source: data}
};