Practice
Highcharts is a JavaScript library for data visualisation with flexible configuration in JSON format. It lets you display data as various types of charts.
<head> <script src="http://code.highcharts.com/highcharts.js"></script>
2 the body must contain a block in which the charts will be rendered
<div id="blockChart"></div>
3. then create a js file with the config and the initialisation (renderer) of the chart
for example
var chartOptions =
{
chart: { renderTo: 'blockChart', type: 'bar' },
series: [{ data: ['2020', '2021'] }]
};
Highcharts.Chart(chartOptions);
An example of detailed configuration: say you need to output data dynamically in Highcharts tooltips — here is how you can do it
***
lang: {
| {series.name}: | {point.y} c.u. |
Comments