Plotly.js: 使用restyle更新每个节点的文本

Question

是否可以使用 restyle 函数更新 treemap 图中的文本？我知道可以通过 'react' 函数实现，但是这个函数会重绘整个图表（我不希望这种情况发生）。这是我目前所拥有的：https://codepen.io/elv1s42/pen/yLydprX

var labels = ["P1", "P2", "P3", "P4"]; 
var parents = ["", "P1", "P1", "P2"];
var data = [{
      type: "treemap",
      labels: labels,
      parents: parents,
      marker: { colors: ['green', 'blue', 'red', 'yellow']},
      text: ['text1', 'text2', 'text3<br>text3', 'text4'],
      textinfo: "label text"
    }];
var layout = {};
Plotly.newPlot('myDiv', data, layout)
function changeText(){
    var upd = { 
      marker: {colors: ['white', 'orange', 'green', 'red']},
      //text: ['t1', 't2', 't3', 't4'] // how to update the text?
    };
    Plotly.restyle('myDiv', upd);
}

<head>
    <!-- Load plotly.js into the DOM -->
    <script src='https://cdn.plot.ly/plotly-latest.min.js'></script>
</head>

<body>
  <button onclick='changeText()'>Change my plot!</button>
    <div id='myDiv'><!-- Plotly chart will be drawn inside this DIV --></div>
</body>

Answer 1

我不喜欢回答自己的问题，但问题已由 https://github.com/etpinard from GitHub here: https://github.com/plotly/plotly.js/issues/4535

解决

所以可行的解决方案是对 text 字段使用嵌套数组：

function changeText(){
    var upd = { 
      marker: {colors: ['white', 'orange', 'green', 'red']},
      text: [['t1', 't2', 't3', 't4']] // how to update the text?
    };
    Plotly.restyle('myDiv', upd);
}

问题中的 CodePen 示例现已修复。

Plotly.js: 使用restyle更新每个节点的文本

Plotly.js: update text of each node using restyle

javascript

plotly

plotly.js