1. Basic composition:
1. Highcharts contains the title (Title): the main title is necessary but subTTitle is not necessary
2. Coordinate axis (Axis): has x coordinates (xAxis) and y coordinates (yAxis)
3. Data columns (Series): each curve, each columnar bar group, and each pie chart part
4. Data prompt box (Tooltip): The prompt box that puts the mouse on
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. Specify credits.enabled=false to not display
8. Exporting function button (Exporting): It is necessary to include exporting.js
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.Chart({ // 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 Wulin.com.