echars+vue图表三联

1. echars+vue

一个X轴三个Y轴。

<template>
    <div>
        <button @click="goto">click</button>
        <div id="tec" style="width: 1700px;height:600px;"></div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            st: 0,
            end: 20
        }
    },
    mounted() {
        let that = this
        var myChart = this.$echarts.init(document.getElementById('tec'))
        let xArr = this.testData()
        let yArr = this.testData2()
        let yArr2 = this.testData3()
        let yArr3 = this.testData4()
        // 指定图表的配置项和数据
        var option = {
            tooltip: {
                show: true,
                trigger: 'axis',
                textStyle: {
                },
                axisPointer: {
                    lineStyle: {
                        color: 'yellow'
                    }
                },
                formatter (data) {
                    let str = ''
                    str += '杆号：' + data[0].data.hoverShow + '<br/>'