Posted 20 April 2020, 6:02 pm EST
During the tree map construction if one of the component have very large value compared to others, then because of that the other components becomes nearly visible. Below are the attached screenshot.
data array:
export function getData() {
var data = [
{
type: ‘Music’, items: [
{
type: ‘Country’, items: [
{ type: ‘Classic Country’, sales: 1000000 },
{ type: ‘Cowboy Country’, sales: 10000000},
] }, { type: 'Rock', items: [ { type: 'Hard Rock', sales: 1}, { type: 'Blues Rock', sales: 1 }, ] }, ] }, { type: 'cartoon', items: [ { type: 'Movie', items: [ { type: 'Kid & Family', sales: 100}, { type: 'Action & Adventure', sales: 100 }, ] }, { type: 'TV', items: [ { type: 'Science Fiction', sales: 200 }, { type: 'Documentary', sales: 200 }, ] } ] }, { type: 'Video1', items: [ { type: 'Movie', items: [ { type: 'Kid & Family', sales: 5000 }, { type: 'Action & Adventure', sales: 5000}, ] }, { type: 'TV', items: [ { type: 'Science Fiction', sales: 2000}, { type: 'Documentary', sales: 2000 }, ] } ] }, ]; return data;
}