HTML Highcharts
Overview
The highcharts tag will embed a Highchart into the HTML
Dynamic HTML Sections
The full code for embedding a Highchart looks like the following sample.
<highcharts-linechart style="height:400px;">
{
"chart": {
"type": "line"
},
"xAxis": {
"title": {
"text": ""
}
},
"yAxis": {
"title": {
"text": ""
}
},
"title": {
"text": ""
},
"subtitle": {
"text": ""
},
"tooltip": {},
"legend": {
"layout": "vertical",
"align": "right",
"verticalAlign": "top",
"borderWidth": 0
},
"series": [
{
"properties": [
"price"
],
"name": "series",
"data": "Fixed Timeseries",
"type": "line"
}
]
}
</highcharts-linechart>
Specifying the Data
The data that is used by the chart is specified in the "series" section of the configuration.
"series": [
{
"properties": [
"price"
],
"name": "series",
"data": "Fixed Timeseries",
"type": "line"
}
]