Skip to content

v4.2.0

Compare
Choose a tag to compare
@jung-han jung-han released this 17 Mar 02:07
· 83 commits to main since this release

New Features

Legend Item Ellipsis(#614)

Controls the width and overflow options of the legend item. If a value is given to item.width and the overflow setting is not specified, overflow:'ellipsis' is applied.

const options = {
  legend: {
    item: {
      width: 40,
      overflow: 'ellipsis'
    }
  }
};

image

No Data Layer(#607)

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

Default

image

lang Options

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!!😭',
  },
}

image

theme

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

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

interface NoDataTheme {
  fontSize?: number;
  fontFamily?: string;
  fontWeight?: string | number;
  color?: string;
}

image

Bug Fixes

  • Fix Cross-Site Scripting Vulnerability (#604, #618) (📣 @arjunshibu Thanks for CONTRIBUTING!)
  • Fix the spectrum legend layout was not properly exposed (#626)