Step 4: Use the EvaluateJavaScriptSync and EvaluateJavaScriptAsync functions of the WebBrowser control to execute JavaScript to define three variables for the HTML page:ĭata - the value comes from the DataWindow, and generated as JSON strings through JSONGenerator Step 3: Define a user event for the WebBrowser control and then register it before it's triggered.įor a sample code, see the n_webbrowser user object in this demo. Set the defaultUrl property of the WebBrowser control to open the HTML page created in step 1.įor example, defaultUrl="file:///charts.html"įor a sample window and WebBrowser control, see the n_webbrowser user object in this demo. Step 2: Create a PowerBuilder window and add a WebBrowser control to the window. webBrowser is a reserved keyword (case-sensitive) in PowerScript that binds with the PowerBuilder WebBrowser control. See function selectHandler(e) in charts.html. See window.addEventListener in charts.html.Ī function that executes the event of the window.webBrowser object.
The referenced JS and CSS files may vary according to the chart styles.Ī div container where the chart will be rendered.Īn event listener for the Resize event, so that the div container can be automatically resized. Note that Internet connection is required in order to reference the online files. References to the online JS and CSS files for Google Charts. Step 5: If the JavaScript classes support user event bindings, then bind _clicked with the WebBrowser ue_clicked event so that arguments can be passed between them. Step 4: Use the EvaluateJavaScriptSync and EvaluateJavaScriptAsync functions of the WebBrowser control to generate the chart. Step 3: Define a ue_clicked user event for the WebBrowser control and register it before it's triggered. Set the WebBrowser control to open the HTML page created in step 1.
References to the online JS and CSS files for the chart.Ī div or canvas container where the chart will be rendered.Īn event listener for the Resize event, so that the div or canvas container can be automatically resized. Step 1: Create an HTML page which contains the following: General steps to apply a chart (exposed as JavaScript classes) Data source name: PB Demo DB V2021 //Must be the same as the Data source name specified in the code.
0 kommentar(er)
