【Axure高保真原型】下拉列表切换图表

今天和大家分享通过下拉列表动态切换统计图表的原型模板，我们可以通过下拉列表选择要显示的图表，包括柱状图、条形图、饼图、环形图、折线图、曲线图、面积图、阶梯图、雷达图；而且图表数据可以在左侧表格中动态维护，包括增加修改和删除，维护表格信息后对应图表也会动态更新；这个模板是用中继器结合echarts图表，所以使用也很方便，初始数据我们只要在中继器表格里填写即可，具体效果可以观看下方视频或者打开预览地址体验。

【原型效果】

【Axure高保真原型】下拉列表切换图表

1、通过下拉列表显示对应图表

2、在表格中编辑图表数据

我们可以在左侧表格中编辑图表的数据，编辑后会自动生成对应图表，切换显示的图表也会自动生成

3、删除表格数据

我们可以点击左侧表格中的删除按钮删除某行内容，删除后会自动生成对应图表，切换显示的图表也会自动生成

4、添加表格数据

我们可以点击左侧表格中的在上方或下方增加新行的按钮，可以在对应位置添加新的空行，填写数据后会自动生成对应图表，切换显示的图表也会自动生成

【原型预览含下载地址】

https://axhub.im/ax9/9a27399d9b2d17a5/#g=1&p=下拉列表切换图表_js中继器

本文内容由微信公众号：Axure高保真原型 原创发布，未经许可，禁止转载和商用。