Anatomy of a Chart

ZingChart uses specific syntax and naming for each of the chart elements. Interact with the chart below for detailed information on how chart elements are named and used.

FeatureDescription
Context MenuA customizable menu that appears when you right click on the chart.
CrosshairA line that appears when you hover over the chart. Can have plot labels (a label over the node at the index where you are hovering) and scale labels (a label where the crosshair line intersects the corresponding scale).
GraphsetA container that holds one or more charts.
LabelsA text box that can be placed anywhere on the chart.
LegendThe chart key; lists the different data series within the chart.
MarkerA line or overlaid area of the chart to call attention to certain data points or values.
PlotThe set of all data points across all series.
PreviewWhen zoom is enabled, you can enable a preview box that appears below the chart that allows users to preview what the full chart looks like, and control the zoom using handles.
ScalesAlso known as axes, these are the x/y lines that denote the chart values.
SeriesAn individual set of data points.
SourceA text box in the lower corner of the chart to denote the data source.
SubtitleA text box beneath the title.
TitleA text box at the top of the chart to place the chart title in.
TooltipA text box that appears when you hover over a marker/node.
Value BoxA text box that displays the value of a marker/node that appears at all times, not just on hover.

Moving Forward

You should now understand the basics of ZingChart syntax. Next, check out our data basics tutorial to learn more about importing data dynamically to your charts.

On This Page