Plotly饼图：如何初始隐藏Residential轨迹并保留全图例显示

可以通过设置饼图trace的visible属性数组，实现保留全部图例选项的同时，让指定类别初始处于未选中（隐藏）状态。具体修改如下：

修改后的JavaScript代码 #

var data = [{
  values: [19, 26, 55],
  labels: ['Residential', 'Non-Residential', 'Utility'],
  type: 'pie',
  // 对应三个标签的可见性：Residential初始隐藏，其余默认显示
  visible: ['legendonly', true, true]
}];
var layout = { height: 400, width: 500 };
Plotly.newPlot('myDiv', data, layout);

完整HTML代码 #

<head>
  <!-- Load plotly.js into the DOM -->
  <script src='https://cdn.plot.ly/plotly-2.12.1.min.js'></script>
</head>
<body>
  <div id='myDiv'><!-- Plotly chart will be drawn inside this DIV --></div>
</body>

说明 #

• visible数组的元素顺序与labels数组一一对应：第一个元素'legendonly'表示Residential初始处于隐藏状态，但图例中仍保留该选项；后两个true表示Non-Residential和Utility默认正常显示。
• 点击图例中的任意选项，均可切换对应类别的显示/隐藏状态，完全保留Plotly的原生交互逻辑。

内容的提问来源于stack exchange，提问作者Pierson Dsouza