What are the basic elements in JavaScript Chart?
The basic elements in Chart are, axis, chart area, title and legend. Refer to Chart Elements for more information about the elements in Chart.
Axis
Essential Chart supports four different types of axes. You can also add axes to Chart. Refer to Axis for more information about chart axis. The following screenshot displays the different components of an axis.
Figure 1: Different components of an axis
Title
The title section comprises of title text and sub title text. The following screenshot describes the components of Chart title.
Figure 2: Components of Chart title
Chart Area
Chart area contains components like major grid lines, minor grid lines, series, marker, data label and strip line. The following screenshot describes the different components present in chart area.
Figure 3: Different components present in chart area
Other than the components described above, chart area also includes crosshair, trackball and tooltip that is visible only during user interaction with Chart.
Legend
Chart legend contains legend title and legend items. The following screenshot describes the elements in Chart legend.
Figure 4: Elements in Chart legend
Conclusion
I hope you enjoyed learning about the basic elements in Chart.
You can refer to our JavaScript Chart feature tour page to know about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications. You can also explore our JavaScript Chart example to understand how to create and manipulate data.
For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.
If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
