. The designer's "
application for chart rendering. The designer's "
format. The first row and first column of this of this format contains the index of the row/column, but the
position contains an empty string. Following rows and columns contain data to be displayed in the chart. The data is prepared in the function
ofthis method. The dimension of the data set is defined by the variables
application is linked online so the chart rendering will be possible only if the Web client can connect to the internet.
Plotly - Open Source Graphing Library
Plotly.js can be used to produce dozens of chart types and visualizations, including statistical charts, 3D graphs, scientific charts, SVG and tile maps, financial charts and more.
Plotly.js is licenced under the MIT licence.
Plotly.js can be used in two modes:
1. online (this preconfiguration), with connection to files stored on the Web (minimum -
https://cdn.plot.ly/plotly-latest.min.js)
Procedure:
- Into any
PmaPanel object insert a single state
PmgButton and select "Action" open (Open panel - in a separate window (target:_blank;)) and then set the "Path to panel" (path to the previously inserted
PmaWebDir object)
- Edit the
PmgButton object and in its event
onButtonUp into the empty quotation marks (the
sViewPars parameter of the
CreateView method) enter the name of the displazed file: "
file:graph.htm".
- Into any
PmaPanel object insert a
PmgFrame for displaying the defined URL address
- The source data is emulated in the "sourcedata" method, where the structure of the data is apparent. The method must be modified in order to get the data from the application.
2. offline with locally stored files in the "
Web" folder of the PROMOTIC application:
Procedure:
- Follow all the steps as in the previous setup.
- Then create a new Web folder in your application folder.
- Download and save the file
plotly.min.js (graphics library) - download at the site:
https://cdn.plot.ly/plotly-latest.min.js (copy the link to the browser and save the page as a file in the folder "
Web" application).
- Download and save the file
plotly-locale-en-latest.js (localization into english) - download at the Website:
https://cdn.plot.ly/plotly-locale-en-latest.js (copy the link to the browser and the page save as a file in the "
Web" folder of the application).
- In the text of the "
graph" method of the
PmaWebDir "
Graph" object, modify the path to the .js files as follows: '
../dir/plotly-latest.min.js' and '
../dir/plotly-locale-en-latest.js'.
- The source data is emulated in the "sourcedata" method, where its structure is apparent. The method must be modified in order to obtain the data from the application.