当隐藏/显示div时，C3.js图例会重叠。如何防止这种情况发生？

当隐藏/显示div时，C3.js图例会重叠的情况可以通过以下方法来防止：

1. 使用C3.js提供的API方法：在隐藏/显示div之前，可以使用C3.js提供的unload方法来移除图例，然后在显示div后使用load方法重新加载图例。这样可以确保图例在隐藏/显示div时不会重叠。

示例代码：

// 隐藏div前移除图例
chart.legend.hide();

// 显示div后重新加载图例
chart.legend.show();

1. 监听div的隐藏/显示事件：可以通过监听div的隐藏/显示事件，在事件触发时手动调用C3.js的API方法来处理图例。例如，使用jQuery的hide和show方法来隐藏/显示div，并在事件回调函数中处理图例。

示例代码：

// 监听隐藏事件
$('#myDiv').on('hide', function() {
  // 隐藏div前移除图例
  chart.legend.hide();
});

// 监听显示事件
$('#myDiv').on('show', function() {
  // 显示div后重新加载图例
  chart.legend.show();
});

1. 调整图例位置：如果隐藏/显示div时图例重叠是由于图例位置不合适导致的，可以通过调整图例的位置来避免重叠。C3.js提供了legend.position选项，可以设置图例的位置，包括右上角、右下角、左上角、左下角等。根据实际情况选择一个合适的位置来避免图例重叠。

示例代码：

// 设置图例位置为右上角
var chart = c3.generate({
  // 其他配置项...
  legend: {
    position: 'right'
  }
});

以上是防止隐藏/显示div时C3.js图例重叠的几种方法，根据具体情况选择适合的方法来解决问题。对于C3.js图例重叠问题，腾讯云提供了云计算服务中的云原生解决方案，您可以参考腾讯云的云原生产品文档了解更多相关信息：腾讯云云原生产品介绍。