<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ZingSoft Demo</title>
<script nonce="undefined" src="https://cdn.zingchart.com/zingchart.min.js"></script>
<style>
.chart--container {
height: 100%;
width: 100%;
min-height: 530px;
}
.zc-ref {
display: none;
}
</style>
</head>
<body>
<div id="myChart" class="chart--container"><a class="zc-ref" href="https://www.zingchart.com/">Powered by ZingChart</a></div>
<script>
ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"];
let chartConfig = {
type: 'treemap',
options: {
aspectType: 'transition',
colorStart: '#b3cba8',
colorEnd: '#1e430d',
maxChildren: [6, 6, 6],
tooltipBox: {
text: '$%value in taxable transactions occurred<br />at %text in Q3 2014'
}
},
plotarea: {
margin: '40px'
},
labels: [{
text: 'Taxable Transactions in California, Third Quarter 2020',
color: 'black',
fontFamily: 'Verdana',
fontSize: '14px'
}],
series: [{
text: 'Retail and Food Services',
value: 105707059.00,
children: [{
text: 'Motor Vehicle Parts and Dealers',
value: 19060335.00,
children: [{
text: 'New Car Dealers',
value: 14427702.00
},
{
text: 'Used Car Dealers',
value: 1926584.00
},
{
text: 'Other Vehicle Dealers, Parts, and Accessories',
value: 2706050.00
}
]
},
{
text: 'Food Service and Drinking Places',
value: 17383056.00,
children: [{
text: 'Full-Service Restaurants',
value: 8853047.00
},
{
text: 'Limited Service Eating Places',
value: 7387260.00
},
{
text: 'Other Special Food and Drinking Places',
value: 1143648.00
}
]
},
{
text: 'Clothing and Accessories Stores',
value: 8891938.00,
children: [{
text: 'Clothing Stores',
value: 7061056.00
},
{
text: 'Shoe Stores',
value: 969493.00
},
{
text: 'Jewelry, Luggage, Leather Stores',
value: 861390.00
}
]
},
{
text: 'Everything Else',
value: 42191228.00
},
{
text: 'Gasoline Stations',
value: 14905207.00
},
{
text: 'General Merchandise Stores',
value: 12166333.00
}
]
}]
};
zingchart.render({
id: 'myChart',
data: chartConfig,
hideprogresslogo: true,
output: 'canvas',
height: '100%',
width: '100%',
});
</script>
</body>
</html>
let chartConfig = {
type: 'treemap',
options: {
aspectType: 'transition',
colorStart: '#b3cba8',
colorEnd: '#1e430d',
maxChildren: [6, 6, 6],
tooltipBox: {
text: '$%value in taxable transactions occurred<br />at %text in Q3 2014'
}
},
plotarea: {
margin: '40px'
},
labels: [
{
text: 'Taxable Transactions in California, Third Quarter 2020',
color: 'black',
fontFamily: 'Verdana',
fontSize: '14px'
}
],
series: [
{
text: 'Retail and Food Services',
value: 105707059.00,
children: [
{
text: 'Motor Vehicle Parts and Dealers',
value: 19060335.00,
children: [
{
text: 'New Car Dealers',
value: 14427702.00
},
{
text: 'Used Car Dealers',
value: 1926584.00
},
{
text: 'Other Vehicle Dealers, Parts, and Accessories',
value: 2706050.00
}
]
},
{
text: 'Food Service and Drinking Places',
value: 17383056.00,
children: [
{
text: 'Full-Service Restaurants',
value: 8853047.00
},
{
text: 'Limited Service Eating Places',
value: 7387260.00
},
{
text: 'Other Special Food and Drinking Places',
value: 1143648.00
}
]
},
{
text: 'Clothing and Accessories Stores',
value: 8891938.00,
children: [
{
text: 'Clothing Stores',
value: 7061056.00
},
{
text: 'Shoe Stores',
value: 969493.00
},
{
text: 'Jewelry, Luggage, Leather Stores',
value: 861390.00
}
]
},
{
text: 'Everything Else',
value: 42191228.00
},
{
text: 'Gasoline Stations',
value: 14905207.00
},
{
text: 'General Merchandise Stores',
value: 12166333.00
}
]
}
]
};
zingchart.render({
id: 'myChart',
data: chartConfig,
hideprogresslogo: true,
output: 'canvas',
height: '100%',
width: '100%',
});
