扩展时重新加载高图

Question

我有一个asp.net / angular页面，其中包含3个图表和一个谷歌地图（比如它是一个仪表板）。默认情况下，地图以50％宽度放置在屏幕中央。图表位于地图下方。图表很小（每个宽150微米）。所有图表和地图都是＆＃34;组件＆＃34;。它们可以扩展，如果我展开图表，地图会下降，图表会上升并占据“更大”的图表。空间。

我的问题是，图表的类别文本有时会重叠，因为它们太多了。我想要的是，当图表是＆＃34;小＆＃34;我只用几个类别加载它。一旦它被扩展，我再次加载并带来所有类别，因为我现在有空间显示它们。

希望我足够清楚。

Answer 1

是的，您可以使用setSize电话执行此操作。

Answer 2

可以更新xAxis。通过deafult，当使用分类轴时，您可以勾选每个类别。您可以按xAxis.tickInterval = N更改它，以显示每个第N个刻度。

然后，当您调整图表大小时，请调用chart.xAxis.update({ tickInterval: [1|N] })为xAxis设置新的间隔。