SoFunction
Updated on 2025-04-11

Basic properties for getting started with Highcharts

1. Basic composition:

Include title (Title): The main title is required but subTTitle is not required

2. Coordinate axis (Axis): has x coordinates (xAxis) and y coordinates (yAxis)

3. Data columns: each curve, each columnar bar group, and each pie chart part

4. Data prompt box (Tooltip): The prompt box where the mouse is placed

5. Legend: The data column can be displayed or hidden by clicking on the mark

    6.<!--more-->

7. Copyright information (Credits): It is generally the official website of highcharts, and the specified =false will not be displayed.

8. Exporting function button (Exporting): Need to include

9. PlotLines: actively add such as average line, etc.

2. Parameter properties:

1. Call highcharts:

Method 1:

$(function () {
    $(".chart").highcharts({});
});

Method 2:

var charts = new ({
  // Highcharts configuration  chart : {
    renderTo : "container" // Note that this must be an ID selector  }
}); 

2. Set the table width and height:

It is equivalent to setting the width and height of the div:

style="width: 800px ;height: 400px"

3. Chart style:

Common ones are:borderbackgroundColormarginspacingstyle

Summarize

The above is all the content of the basic attributes of the entry-level Highcharts. I hope it will be helpful to everyone to learn Highcharts. The editor will also update the related articles of Highcharts one after another. Please continue to follow me.