vue echarts k线图上标记点,用自己后台的数组数据 不显示

Question

this.dataTadeList 是我后端的数据 在vue中获取 然后在option中使用
this.dataTadeList = [{ },{ }, {}] 数据就是数组中是对象
this.option = {
 series: [
              {
              markPoint: {
                data: this.dataTadeList
                  } 
               }
             ]
}
这样标记点不显示
-------------------------------------------------------------------------------------------------
this.option = {
 series: [
              {
              markPoint: {
                 data: [
                  {
                     yAxis: '0.16011978',
                     xAxis: "2022-01-06 03:46:00",
                     value: 'buy'
                   },]
                  } 
               }
             ]
}
但是直接写在option 中 就可以显示

-----------------------------------------------------------------------------------------------------
我以为是我获取后端数据的类型不对  就 直接在获取后 给dataTadeList  赋值
this.dataTadeList =[
                  {
                     yAxis: '0.16011978',
                     xAxis: "2022-01-06 03:46:00",
                     value: 'buy'
                   },]

this.option = {
 series: [
              {
              markPoint: {
                   data: this.dataTadeList
}
但是这样还是不行,不知道 怎么改

所以到底要要怎么写?
我要做的就是 在K线图中 标注买卖点 买卖点数据是后台数据提供的

Answer 1

你要是从后台获取的数据，那你可能 图已经画完，数据才请求回来。所以 你请求完可能需要重新画一下图，或者说请求完再画图，也就是 setOption

按照你的说法，应该不是 结构不对 。