1. Component Nouns
- Options
- Option
- Timeline
- Title
- Toolbox
- ToolTip
- Legend
- DataRange
- Datazoom
- Roamcontroller
- Grid
- Xaxis
- YAxis
- Axis
- Axisline
- Axistick
- AxisLabel
- Splitline
- Splitarea
- Data
- Polar
- Series (general)
- Series (Right Angle system)
- Series (pie chart)
- Series (radar chart)
- Series (map)
- Series (Thermal map)
- Series (Force-oriented layout diagram)
- Series (chord chart)
- Series (instrument panel)
- Series (funnel chart)
- Series (Event stream graph)
- Series (Rectangular tree chart)
- Series (tree chart)
- Series (Venn diagram)
- Series (character Fu Yun)
- Data
- Markpoint
- Markline
- ItemStyle
- LineStyle
- Areastyle
- TextStyle
- Loadingoption
- Nodataloadingoption
- BackgroundColor
- Color
- Symbollist
- Renderasimage
- Calculable
- Calculablecolor
- Calculableholdercolor
- Nameconnector
- Valueconnector
- Animation
- Adddataanimation
- Animationthreshold
- Animationduration
- Animationdurationupdate
- Animationeasing
2 chart nouns
- Chart type
- Line
- Bar
- Scatter
- K
- Pie
- Radar
- Chord
- Force
- Map
- Heatmap
- Gauge
- Funnel
- Eventriver
- TreeMap
- Venn
- Tree
- Wordcloud
3.grid assembly drawing grid in right angle coordinate system
Six elements: x;y;x2;y2;width;height; When defining a wide-height neglect x y x2 y2
All parameters of grid: X,y,x2,y2,width,height,backgroundcolor,borderwidth,bordercolor
4
Axis
Xaxis
YAxis
There are three types of axes, category, numeric, and time, and their differences are:
- Category: You need to specify the data (category list), there are only these specified class coordinates in the axis
- Numeric type: You need to specify a range of values, do not specify when the calculation of numerical ranges, the axis contains the numerical interval content all coordinates
- Time Type: The time axis usage is the same numeric type, only the target processing and the formatted display are automatically converted to time, and the time granularity that needs to be displayed is automatically switched over the time span
Parameter:{string} type,{Boolean}show,{string}Position,...data is a class-specific property
Echarts Getting Started-2
