本文主要是介绍【Axure高保真原型】下拉列表切换图表，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
今天和大家分享通过下拉列表动态切换统计图表的原型模板，我们可以通过下拉列表选择要显示的图表，包括柱状图、条形图、饼图、环形图、折线图、曲线图、面积图、阶梯图、雷达图；而且图表数据可以在左侧表格中动态维护，包括增加修改和删除，维护表格信息后对应图表也会动态更新；这个模板是用中继器结合echarts图表，所以使用也很方便，初始数据我们只要在中继器表格里填写即可，具体效果可以观看下方视频或者打开预览地址体验。
【原型效果】
【Axure高保真原型】下拉列表切换图表
1、通过下拉列表显示对应图表
2、在表格中编辑图表数据
我们可以在左侧表格中编辑图表的数据，编辑后会自动生成对应图表，切换显示的图表也会自动生成
3、删除表格数据
我们可以点击左侧表格中的删除按钮删除某行内容，删除后会自动生成对应图表，切换显示的图表也会自动生成
4、添加表格数据
我们可以点击左侧表格中的在上方或下方增加新行的按钮，可以在对应位置添加新的空行，填写数据后会自动生成对应图表，切换显示的图表也会自动生成
【原型预览含下载地址】
https://axhub.im/ax9/9a27399d9b2d17a5/#g=1&p=下拉列表切换图表_js中继器
本文内容由微信公众号：Axure高保真原型 原创发布，未经许可，禁止转载和商用。
这篇关于【Axure高保真原型】下拉列表切换图表的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
