重新设置数据集的某些部分的样式

Question

我只想使用Plotly.restyle更改部分数据集。在我的实际代码中，我输入了流数据，并且每当输入的数据低于指定值时，我都希望更改该行的颜色和样式以使其更加可识别。

因此，假设给定的数据的x值为1到10。我想将线型从'solid'更改为'dot'，将x值从4改为7，但想保留1至3和8至10固体。我知道我可能有多条迹线，并且似乎将它们链接在一起，但是我希望理想地将它们放在一条迹线中。

在我的Codepen中，我可以更改样式，但是数据集也会被截断。

https://codepen.io/paullaylow/pen/XWrYQEo

这是原始数据

var trace1 = {
  x: [1,2,3,4,5,6,7,8,9,10],
  y: [1,2,3,4,5,6,7,8,9,10],
  mode: 'lines+markers'
};

这是样式代码

function restyle(){

    var update = {
      x: [[4,5,6,7]],
      line: {
        dash: 'dot',
        color: 'green'
      }
    };

  Plotly.restyle('myDiv', update, 0);
}