Basic line chart showing trends in a dataset. This chart includes the series-label module, which adds a label to each line for enhanced readability. Clicking on the legend items allows you to remove or add series from the chart. We have already seen the configuration used to draw this chart in Highcharts Configuration Syntax chapter. series.line.color. Let us now see the additional configurations/steps taken. Highcharts supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange and polar chart types. --> This function tells the DocRaptor javascript engine to wait 3 seconds before finishing. An array of numerical values. Column Range Chart Highcharts Pie Chart Pie Chart with Legends Highcharts Donut Chart Semi Circle Donut Chart Pie chart with Drildown Pie Chart with Gradient Pie with Monochrome Sscatter Plot Chart Bubble Chart Example 3D Bubble Chart Column Pie & Line Chart Dual Axes Line & Column Chart Multiple Axes Chart Scatter with Regression We have already seen the configuration used to draw a chart in Highcharts Configuration Syntax chapter. Using the Highcharts Boost module, it is possible to render large amounts of data on the client side. In this section, we will discuss the different types of line and spline based charts. We had to go through the data processing, then display the data on the charts. Please feel free to link to the files from our CDN at code.highcharts.com. Highcharts is an excellent open-source chart library, and you can represent data in through many ways. In the code above, the function highchart() creates a chart. Welcome to the Highcharts JS (highcharts) Options Reference. Go here to learn how you may contribute some helpful code of your own. series. Highcharts Demo: Basic line. Tutlane 2020 | Terms and Conditions | Privacy Policy, ="https://code.jquery.com/jquery-3.4.1.min.js">