v4.2.0
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'
}
}
};No Data Layer(#607)
No Data Text is options for displaying a message like "No data to display".
Default
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!!😭',
},
}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;
}Bug Fixes
- Fix Cross-Site Scripting Vulnerability (#604, #618) (
📣 @arjunshibu Thanks for CONTRIBUTING!) - Fix the spectrum legend layout was not properly exposed (#626)



