我有一个表,显示具有年龄(年龄,年轻人),性别(男,女)和血统(地球,火星,金星)三个属性的人的财富:
我想显示平均财富,而(三个)属性变量应作为轴,而另两个则作为过滤器-取决于用户的偏好。假设他选择年龄作为轴,选择性别和来源作为过滤器;那么它看起来像这样:
如您所见,我还希望用户不仅可以过滤过滤器变量,还可以过滤轴变量。此外,我想使用户能够通过将属性拖放到另一侧来更改其任务。您可以使用excel完成所有这些操作:
对于图表本身,我想使用chartjs(已经可以使用!):https://www.chartjs.org/docs/latest/charts/bar.html。 对于拖放操作,我发现了这个https://material.angular.io/cdk/drag-drop/overview#transferring-items-between-lists。这必须以某种方式扩展,以使轴列表限制为一个-并且需要包括选择下拉列表。 对于选择本身,已经有人创建了一个像过滤器一样的excel-也许只能使用不带表的过滤器:How to Implement Excel Like Filter in angularjs?。
这整个内容打算包含在一个有角度的项目中。我很确定这是可能的,但是我对angular还是很陌生,我不确定是否一开始就要尝试太多。但是,如果您可以验证和/或纠正我的想法和概念,并向我指出在哪里可以找到版权摘要以及如何进行此项目的正确方向,那就太好了。如果有人想编写一些代码,请不要犹豫!
非常感谢!