如何使ng2图表可滚动用于大量数据集



我正在使用ng2-charts加载带有API响应数据的条形图。由于这个API使用过滤器,API有时在数据数组中给出5条记录,有时给出50条记录。

在全屏模式下,图形加载10-15个数据很好,但当有更多记录时,图形会拥塞,几乎不可读。

我一直在寻找一种方法,让它可以一直滚动,条的宽度不变。

以下是实现:https://stackblitz.com/edit/ng2-charts-bar-template-r8mmuo

我尝试过这种方法,但对我的案子没有帮助。

您可以使用chart.js缩放插件:https://www.chartjs.org/chartjs-plugin-zoom/.

请记住,如果您使用的是chart.js版本2,则必须使用0.7.7版本的插件,因为稍后的版本适用于chart.js3版本

使用插件拖动的示例:https://www.chartjs.org/chartjs-plugin-zoom/samples/pan-region.html

相关内容

  • 没有找到相关文章

最新更新