控件（或 UI 设计元素）是应用程序中的可视组件。控件（如按钮或可选择项列表）使用户能够与应用程序交互。了解 Style Report 中提供的控件以及如何对其进行自定义后，就可以让应用程序的外观和行为达到预期效果。下面我们介绍一下通过PopupMenu来改变图表的格式。
  1. 打开报表设计器，点击文件—>新建，选择空白表格式报表，在打开的报表界面中，点击导航栏中的图表，然后在图表界面鼠标右击选择绑定数据，选择需要绑定的数据源，同时，在数据绑定界面中的图表标签下，设置行列及其他的相关信息，可得图1:
    利用Style Report的交互控件完成动态报表的制作_交互控件
  2. 在脚本下执行此功能的script：
    replet.addPopupMenu("Graph1", null, ["Bar", "Area", "Line"]);
     
    replet.addMenuAction("Graph1", null, "Bar", sendRequest([["chartType", "Bar"]]));
     
    replet.addMenuAction("Graph1", null, "Area", sendRequest([["chartType", "Area"]]));
     
    replet.addMenuAction("Graph1", null, "Line", sendRequest([["chartType", "Line"]]));
     
    if(parameter['chartType'] == 'Area')
     
    {
     
    Graph1.separatedStyle = Chart.CHART_AREA;
     
    }
     
    else if(parameter['chartType'] == 'Line')
     
    {
     
    Graph1.separatedStyle = Chart.CHART_LINE;
     
    }
     
    else {
     
    Graph1.separatedStyle = Chart.CHART_BAR;
     
    }
     
  3. 点击菜单栏中的展开，将此报表发布到web端，如图2所示:
    利用Style Report的交互控件完成动态报表的制作_交互控件_02
  4. 在web端，我们就可以得到我们想要的动态报表，如图3所示：
    利用Style Report的交互控件完成动态报表的制作_交互控件_03