No Data Text

March 10, 2021 ยท View on GitHub

No Data Text is options for displaying a message like "No data to display".

image

Text change

The default text value is "No data to display". Use options.lang.noData when you want to process i18n or change the text.

const options = {
  lang: {
    noData: '๐Ÿ˜ญNo Data!!๐Ÿ˜ญ',
  },
};

The result of the above option is shown as shown below.

image

Theme

The following is a list of themes that can be modified in the No Data Text.

interface NoDataTheme {
  fontSize?: number;
  fontFamily?: string;
  fontWeight?: string | number;
  color?: string;
}
์ด๋ฆ„ํƒ€์ž…์„ค๋ช…
fontSizestringfont size
fontFamilystringfont family
fontWeightnumber | stringfont weight
colorstringcolor

Let's change the color of the text as a simple example.

const options = {
  theme: {
    noData: {
      fontSize: 30,
      fontFamily: 'Verdana',
      fontWeight: 'bold',
      color: '#3ee',
    },
  },
};

The result of the above option is shown as shown below.

image