Javascript 在vue应用程序上切换选项卡时,Plotly.js中的uirevision不会保留对绘图的更改(缩放、平移等)

Javascript 在vue应用程序上切换选项卡时,Plotly.js中的uirevision不会保留对绘图的更改(缩放、平移等),javascript,vue.js,plotly.js,Javascript,Vue.js,Plotly.js,我有一个vue web应用程序,在一个屏幕上有多个选项卡。当前,当用户在plotly.js折线图上缩放/平移/等时,更改不会保留。我希望在用户在选项卡之间切换时保留图表的状态 目前,我将uirevision属性包括在绘图的标记中,并将其设置为true,但对图形的更改并没有像我所希望的那样保留下来 <template> <v-card> <v-skeleton-loader type="card" :loading=&quo

我有一个vue web应用程序,在一个屏幕上有多个选项卡。当前,当用户在plotly.js折线图上缩放/平移/等时,更改不会保留。我希望在用户在选项卡之间切换时保留图表的状态

目前,我将uirevision属性包括在绘图的标记中,并将其设置为true,但对图形的更改并没有像我所希望的那样保留下来

<template>
    <v-card>
        <v-skeleton-loader type="card" :loading="getIsIncomingData['data'] && isObjectEmpty(getSelectedData['data'])">
            <v-card v-if="getSelectedGraphData('data').length !== 0">
                <h3> Graph </h3>
                <vue-plotly :data="getSelectedGraphData('data')" :layout="{ xaxis: {tickformat: '%b %e %H:%M:%S'}, uirevision: 'true', legend: {orientation:'h'}, showlegend: true}" :options="{ responsive:true}"/>
            </v-card>
            <v-card v-for="(item, index) in getSelectedTableData('data')" :key="index">
      </v-card>
</template>

图表
如果您有任何关于
ui修订版
无法正常工作的想法,或其他保留缩放/平移/等功能的方法,我们将不胜感激。谢谢