Basic Attributes for Highcharts Getting Started

  • 2021-07-07 06:32:06
  • OfStack

1. Basic composition:

1. Highcharts contains headings (Title): Main headings are required but subTTitle is not

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

3. Data column (Series): The portion of each curve, each column bar group, each pie chart

4. Data Prompt Box (Tooltip): Prompt Box on which the mouse is placed

5. Legend (Legend): This data column can be shown or hidden by clicking the label

6. < !--more-- >

7. Copyright information (Credits): 1 is generally the official website of highcharts, and credits.enabled=false is not allowed to be displayed

8. Export Function Button (Exporting): Need to include exporting. js

9. Mark line (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.Chart({
  // Highcharts  Configure 
  chart : {
    renderTo : "container" //  Pay attention here 1 It must be  ID  Selector 
  }
}); 

2. Set the width and height of the table:

Equivalent to setting the width and height of div:


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

3. Chart style:

Common ones are: border, backgroundColor, margin, spacing and style

Summarize

The above is Highcharts basic attributes of all the content, hope to learn Highcharts help, this site will continue to update Highcharts related articles, please continue to pay attention to this site.


Related articles: