title

16 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

title component overview

The title component displays main title and subtitle text. In ECharts 2.x, a single instance could contain at most one title component. In ECharts 3+, an instance can contain one or more title components, which is useful when multiple diagrams need titles.

title.show option

The show option is a boolean that controls whether the title is displayed. Default value is true. Set to false to hide the title.

title.text option

The text option is a string that specifies the main title text. Default is an empty string. It supports \n for newlines. When toolbox.feature.saveAsImage is enabled and toolbox.feature.saveAsImage.name is not provided, it has historically used title[0].text as the filename, which is not recommended for security reasons.

title.link option

The link option is a string that specifies a hyperlink URL for the main title text. Default is an empty string.

title.target option

The target option is a string that specifies how to open the main title hyperlink. Default value is 'blank'. Options are: 'self' to open in the current tab, or 'blank' to open in a new tab.

title.textStyle option

The textStyle option is an object that configures the style of the main title text. Default font size is 18, default font weight is 'bolder', and default color is '#333'.

title.subtext option

The subtext option is a string that specifies the subtitle text. Default is an empty string. It supports \n for newlines.

title.sublink option

The sublink option is a string that specifies a hyperlink URL for the subtitle text. Default is an empty string.

title.subtarget option

The subtarget option is a string that specifies how to open the subtitle hyperlink. Default value is 'blank'. Options are: 'self' to open in the current tab, or 'blank' to open in a new tab.

title.subtextStyle option

The subtextStyle option is an object that configures the style of the subtitle text. Default color is '#aaa'.

title.textVerticalAlign option

The textVerticalAlign option is a string that controls the vertical alignment of the title and subtitle text. Default value is 'auto'. Optional values are: 'auto', 'top', 'bottom', or 'middle'.

title.triggerEvent option

The triggerEvent option is a boolean that controls whether the title component triggers events. Default value is false. When enabled, the component fires events with parameters containing componentType: 'title' and componentIndex: number.

title.padding option

The padding option is a number or array that specifies the padding of the title component. Default value is 5.

title.itemGap option

The itemGap option is a number that specifies the gap between the main title and subtitle. Default value is 10.

title component coordinate system support

The title component supports coordinate systems including none (default), matrix, and calendar, as of version 6.0.0.

title component styling

The title component supports common styling options including border width (default 0) and border radius.

Give your agent this brain