jqwidgets-scripts-custom
Version:
jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.
29 lines (27 loc) • 1.74 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title id='Description'>
ReactJS TreeMap demo. This example demonstrates the "autoColors" rendering mode of jqxTreeMap. In that mode, the color of each area depends on its "value" in the data source and the jqxTreeMap'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.
</title>
<meta name="description" content="This React TreeMap demo showcases the auto-colors feature of the TreeMap component"/>
<link rel="stylesheet" href="../../../jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="../../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../../jqwidgets/jqxtreemap.js"></script>
<script type="text/javascript" src="../../../scripts/demos.js"></script>
<style>
.jqx-treemap-legend {
background: rgba(0, 0, 0, 0.4);
}
</style>
</head>
<body>
<div class="example-description" style="margin-bottom:3em">
ReactJS TreeMap demo. This example demonstrates the "autoColors" rendering mode of jqxTreeMap. In that mode, the color of each area depends on its "value" in the data source and the jqxTreeMap'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>
<div id="app"></div>
<script src="../build/treemap_automaticrendering.bundle.js"></script>
</body>
</html>