相同大小的flexboxes被Highcharts打破

是指在使用Highcharts库进行数据可视化时，如果将多个相同大小的flexboxes用于容纳图表，Highcharts会破坏这些flexboxes的布局。

Highcharts是一款功能强大的JavaScript图表库，用于创建交互式的、响应式的图表和图形。它支持多种图表类型，包括线图、柱状图、饼图等，可以用于展示各种数据。

在使用Highcharts时，如果将多个相同大小的flexboxes用于容纳图表，由于Highcharts会动态地修改DOM结构，可能会导致flexboxes的布局被打破。这是因为Highcharts会在容器元素中创建自己的DOM结构，并且可能会改变容器元素的样式和布局。

为了避免这个问题，可以采取以下措施：

1. 使用固定大小的容器：将容器元素的宽度和高度设置为固定的像素值，而不是使用flexboxes。这样可以确保Highcharts不会破坏布局。
2. 使用Highcharts提供的容器选项：Highcharts提供了一些选项来控制图表的容器元素。可以使用chart.renderTo选项来指定一个具体的DOM元素作为图表的容器，而不是使用flexboxes。
3. 使用Highcharts的容器重绘方法：如果需要在flexboxes中动态地改变图表的大小，可以使用Highcharts提供的chart.reflow()方法来重新绘制图表。这样可以确保图表适应新的容器大小，同时保持flexboxes的布局。

总之，相同大小的flexboxes被Highcharts打破是一个在使用Highcharts库进行数据可视化时可能遇到的问题。为了避免这个问题，可以使用固定大小的容器、Highcharts提供的容器选项或者使用容器重绘方法来解决。