内容提交

whychdw

2020-07-11 b4439e6ee609f33704a521afb81187241d2be007

内容提交

 src/components/chart/LineChart.vue

@@ -59,17 +59,19 @@
                start: 0,
                end: this.end,
            },
            isFull: false
            isFull: false,
            dataIndex: -1,
        }
    },
    methods: {
        setOption(opt) {
            var dataZoom = this.dataZoom;
            let dataZoom = this.dataZoom;
            // 默认配置项
            var option = {
            let option = {
                animation: false,
                title: {
                    text: this.title,
                    subtext: '',
                    x: 'left',
                    textStyle: {
                        fontSize: 12
@@ -134,6 +136,11 @@
            var values = option.series[0]?option.series[0].data:[1];
            var max = getMaxFromArr(values)*2;
            option.yAxis.max = max;
            // 设置图表的subtext
            let dataIndex = this.dataIndex == -1?option.xAxis.data.length:this.dataIndex;
            
            option.title.subtext = '历史数据：'+option.xAxis.data[dataIndex-1]+" "+option.series[0].data[dataIndex-1]+'\n'
            +'当前数据：'+option.xAxis.data[dataIndex-1]+" "+option.series[0].data[dataIndex-1];
            // 绘制图表
            this.chart.setOption(option);
        },
@@ -164,6 +171,10 @@
        // this.chart.on('dataZoom', (data)=>{
        //     console.log(data);
        // });
        this.chart.on('showTip', (data)=>{
            console.log(data);
            this.dataIndex = data.dataIndex;
        });
    },
    destroyed() {
        // 销毁echarts