After you customize a chart, the Highcharts editor generates the code for the chart. Use the code in the Provisioning tool when you update the external component of the chart.
In the
Start
page of the Highcharts editor, click the
Settings
icon, and then select
Load Project
.
Browse to the project file, and click
Open
.
You can find the project files in the following directory:
<Highcharts directory>/resources/app/OOTB-Charts
Click the
Next
icon.
The
Import
page displays the preview of the chart and the configuration of the chart in the JSON format.
To update the chart configuration, perform one of the following tasks:
Select appropriate coordinates.
When you change the coordinates, the Highcharts editor resets the chart properties, so change the coordinates with caution. To retrieve the chart properties, load the project again.
Update the JSON, and click
Apply
.
The preview of the chart reflects the changes.
Click the
Next
icon.
The
Select Chart
page appears.
To change the chart type, select the type of chart that you want to use.
Click the
Next
icon.
The
Customize
page appears.
Based on your requirement, customize the chart properties.
For information about any property, click the help icon of the property.
Click the
Next
icon.
The
Export
page appears and displays the chart code.
To save the chart code as a Highcharts project, perform the following tasks:
Click the
Settings
icon, and then select
Save Project
.
Browse to the location where you want to save the project.
Specify a name for the project, and then click
Save
.
To export the chart code as a .txt file, perform the following tasks:
Click
Export Code
.
Browse to the location where you want to save the .txt file.