jqwidgets-framework/demos/Angular/src/treemap/automaticrendering/app.component.ts

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

import { Component } from '@angular/core';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html'
})

export class AppComponent {
    data: any[] = [
        {
            label: 'USA',
            value: 104
        },
        {
            label: 'People\'s Republic of China',
            value: 88
        },
        {
            label: 'Great Britain',
            value: 65
        },
        {
            label: 'Russian Federation',
            value: 82
        },
        {
            label: 'Germany',
            value: 44
        },
        {
            label: 'Republic of Korea',
            value: 28
        },
        {
            label: 'France',
            value: 34
        },
        {
            label: 'Italy',
            value: 28
        },
        {
            label: 'Hungary',
            value: 17
        },
        {
            label: 'Australia',
            value: 35
        },
        {
            label: 'Japan',
            value: 38
        },
        {
            label: 'Kazakhstan',
            value: 13
        },
        {
            label: 'Netherlands',
            value: 20
        },
        {
            label: 'Ukraine',
            value: 20
        },
        {
            label: 'New Zealand',
            value: 13
        },
        {
            label: 'Cuba',
            value: 14
        }
    ];

	getWidth() : any {
		if (document.body.offsetWidth < 850) {
			return '90%';
		}
		
		return 850;
	}
	
    legendScaleCallback(v: number): string {
        return v.toFixed(1);
    }
}