vue中v-charts怎么动态的添加基准线？

Question

vue中v-charts可以添加基准线，但只是写死的，怎么根据后台的数据来动态的添加基准线？

<template>
    <ve-line :data="chartDataBPs" :settings="chartSettingsBPs" :data-empty="dataEmpty" :colors="colors" :mark-line="markLine"></ve-line>
</template>

<script>
    data(){
        this.markLine = {
            data:[
                {
                    yAxis: 130,
                },
                {
                    yAxis: 110,
                },
            ]
        }
        return{
            test:120
        }
    }
</script>

能不能把data中的test中的数据与yAxis绑定。

Answer 1

从计算属性入手解决问题