TailNG - Signal first Angular UI components

Overview API Styling Examples

API reference

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

Field inputs

Input	Type	Default	Notes
`xField`	`string \| null`	`x`	Record field used for x-axis, category, time, or horizontal position values.
`yField`	`string \| null`	`y`	Record field used for y-axis, value-axis, or vertical position values.
`valueField`	`string \| null`	`value`	Record field used for scalar values, intensity, size, or measure values.

Shared inputs

Input	Type	Default	Notes
`data`	`TngChartData`	`required`	Array of records mapped by field inputs.
`height`	`TngChartHeight`	`320`	Canvas height in pixels or CSS length.
`legend`	`boolean`	`true`	Show generated legend where the chart preset supports legend state.
`loading`	`boolean`	`false`	Swap the chart surface for the loading state.
`tooltip`	`boolean`	`true`	Enable the generated tooltip option.
`renderer`	`'canvas' \| 'svg'`	`'canvas'`	ECharts renderer selection.
`theme`	`TngChartTheme`	`null`	Pass-through ECharts init theme object or registered theme name.
`optionOverride`	`TngChartOptionOverride`	`null`	Function hook that receives the generated option and returns the final option.
`runtimeLoader`	`TngChartRuntimeLoader`	`internal`	Override the ECharts runtime loader for custom bundles or tests.