Additionally, you can deploy the Time Series Chart along with the standard UI modeling diagram on the Web user interface. This web UI capability is enabled by selecting the menu Generate HTML from either the context menu (right-click) of each Time Series Chart element (see the following figure) or the toolbar of UI diagram.
The Generate HTML context menu of Time Series Chart.
The Generate HTML button on the UI diagram toolbar.
Once the Generate HTML menu has been selected, the following message: INFO: HTML file(s) is/are generated to <projectName> folder will appear on theSimulation Consolepane.
To plot on the web-based UI
Click on the UI diagram toolbar.
Double-click <<SimulationConfig>> to open its Specification window.
Select the Start Web Server property check box (true) to start the web server.
Run the simulation.
Click the URL, e.g. http://10.1.1.64:8080/, that appears on theSimulation Console pane when the model simulation is running. The web UI will open in your web browser.
The chart that appears on the web UI is the same chart that represents the values of the simulation UI. If the values on the chart simulation UI are changed, the corresponding chart will be changed accordingly. The layout of the Time Series Chart is auto-aligned with the chart properties of the runtime UI such as Title, fixedRange, gridX, gridY, and plotColor (see the following figure).
The Time Series Chart on the Web UI representing the values that correspond to those of the chart in the simulation UI.