jqwidgets-framework
Version:
jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.
34 lines (24 loc) • 1.67 kB
HTML
<html lang="en">
<head>
<title id='Description'>Angular TreeMap AutomaticRendering</title>
<base href="./../dist/treemap/automaticrendering/">
<meta name="description" content="This is an example of automatic rendering in Angular TreeMap." />'
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Styles -->
<link rel="stylesheet" href="/node_modules/jqwidgets-ng/jqwidgets/styles/jqx.base.css" type="text/css" />
<!-- jQWidgets -->
<script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../jqwidgets/jqxtreemap.js"></script>
<script src="./../../../scripts/demos.js"></script>
</head>
<!-- Display the application -->
<body>
<div class="example-description">
This example demonstrates the "autoColors" rendering mode of TreeMap. In that mode, the color of each area depends on its "value" in the data source and the TreeMap's "baseColor" and "colorRange" properties. "baseColor" is the color that will vary in the automatic rendering. "colorRange" determines the range in which the base color can vary.
</div>
<app-root>Loading...</app-root>
<script src="runtime-es2015.js" type="module"></script><script src="polyfills-es2015.js" type="module"></script><script src="runtime-es5.js" nomodule></script><script src="polyfills-es5.js" nomodule></script><script src="main-es2015.js" type="module"></script><script src="main-es5.js" nomodule></script>
</body>
</html>