动态切换图表类型
我正在开发一个报告应用程序,默认情况下将传入数据显示为饼图。我们希望用户能够通过单击按钮切换到条形图、柱形图、面积图或任何其他图表。既然我们已经在应用程序中拥有数据,那么它应该相当简单,不是吗?有谁知道我该如何处理这个问题?
安迪
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
我正在开发一个报告应用程序,默认情况下将传入数据显示为饼图。我们希望用户能够通过单击按钮切换到条形图、柱形图、面积图或任何其他图表。既然我们已经在应用程序中拥有数据,那么它应该相当简单,不是吗?有谁知道我该如何处理这个问题?
安迪
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(2)
您可以通过几种不同的方式来解决这个问题。如果是我,我会设置一个视图堆栈,其中包含您希望用户切换到的每种图表类型,并且您可以简单地更改视图堆栈 selectedIndex。或者,您也可以只有一个图表支架容器。然后只需创建函数即可动态生成每个图表(示例)。然后您需要做的就是删除现有图表并添加新图表。
You can approach this a couple different ways. If it was me I would either set up a view stack with each of the chart types you want the user to switch to and they you can simply change the viewstack selectedIndex. Alternatively, you can have just a single chart holder container. Then just make function to dynamically generate each chart (Example). Then all you need to do is remove the existing and add the new chart.
我通过为每个特定图表类型创建一个状态来实现这一点。然后根据用户输入在状态之间进行更改。您可以为每个图表使用一个数据提供程序,也可以为每个图表创建特定的数据提供程序。
I accomplish this by creating a state for each specific chart type. Then just change between states based on user input. You can use one data provider for each chart or create specific data providers for each.