Getting StartedInstallation and package overview 2
Line15 line charts 15
Area8 area charts 8
Bar16 bar charts 16
Pie10 pie charts 10
Scatter11 scatter charts 11
Heatmap6 heatmap charts 6
Boxplot3 boxplot charts 3
Calendar5 calendar charts 5
Candlestick5 candlestick charts 5
Chord4 chord charts 4
Funnel4 funnel charts 4
Gauge9 gauge charts 9
Geo Map7 geo map charts 7
Graph6 graph charts 6
Lines2 lines charts 2
Matrix7 matrix charts 7
Parallel3 parallel charts 3
Pictorial Bar4 pictorial bar charts 4
Radar3 radar charts 3
Sankey6 sankey charts 6
Sunburst5 sunburst charts 5
Theme River1 theme river chart 1
Tree5 tree charts 5
Treemap4 treemap charts 4
CompositionSemi-headless chart surfaces and layout control 1

API reference

<tng-area-chart> maps records into a generated ECharts line option. Bind xField="label" yField="value" to the columns in your data.

Field inputs

InputTypeDefaultNotes
xFieldstring | nullxRecord field used for x-axis, category, time, or horizontal position values.
yFieldstring | nullyRecord field used for y-axis, value-axis, or vertical position values.
seriesreadonly TngChartSeries[] | nullnullSeries metadata for multi-measure line, bar, area, and catalog presets.

Shared inputs

InputTypeDefaultNotes
dataTngChartDatarequiredArray of records mapped by field inputs.
heightTngChartHeight320Canvas height in pixels or CSS length.
legendbooleantrueShow generated legend where the chart preset supports legend state.
loadingbooleanfalseSwap the chart surface for the loading state.
tooltipbooleantrueEnable the generated tooltip option.
renderer'canvas' | 'svg''canvas'ECharts renderer selection.
themeTngChartThemenullPass-through ECharts init theme object or registered theme name.
optionOverrideTngChartOptionOverridenullFunction hook that receives the generated option and returns the final option.
runtimeLoaderTngChartRuntimeLoaderinternalOverride the ECharts runtime loader for custom bundles or tests.