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:border、backgroundColor、margin、spacing、style
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.