简体繁体 English

如何在EXT JS中呈现10,000多个记录的图表？

[英]How to render chart for 10,000+ records in EXT JS?

原文 2015-09-02 06:37:54 9 2 javascript/ extjs/ charts

Currently I am facing issue while rendering chart for large data in EXT JS. 目前，我在EXT JS中渲染大数据的图表时遇到问题。 Chart gets cut or overlapped. 图表被切割或重叠。 For example, I have 500 names on x-axis to plot then chart displays only 15 to 20 of them and others get cut. 例如，我在x轴上有500个名称可以绘制，然后图表仅显示15到20个名称，其他名称被剪切。 According to my view there should be scroll bar to view whole chart rather cutting the legends. 根据我的观点，应该有滚动条来查看整个图表而不是切割图例。 I have tried to found solution for having scroll bars for such large charts but I am not able to find it. 我试图找到具有用于如此大的图表的滚动条的解决方案，但我找不到它。

Any other way for viewing whole chart is also accepted. 也可以采用任何其他方式查看整个图表。

2 个解决方案

One workaround I can think about is 'panzoom' interaction. 我可以考虑的一种解决方法是“ panzoom”交互。 Please visit link given below to see an official example with 'panzoom'. 请访问下面给出的链接，以查看“ panzoom”的官方示例。 http://dev.sencha.com/extjs/5.1.0/examples/kitchensink/?charts=true#line-markers http://dev.sencha.com/extjs/5.1.0/examples/kitchensink/?charts=true#line-markers

With 'panzoom', you can zoom in to the chart and then scroll/pan. 使用“ panzoom”，您可以放大图表，然后滚动/平移。 Zooming in to the chart would make the hidden coordinates visible. 放大图表将使隐藏的坐标可见。

It may look like this because you might have smaller space to render the chart as your data is too big. 之所以看起来像是因为您的数据太大，您可能有较小的空间来绘制图表。 So you can try with 'pan zoom'. 因此，您可以尝试“平移缩放”。 But I don't think so you will get a useful chart. 但是我不认为您会得到有用的图表。 It will still get junked. 它仍然会变得垃圾。