JavaScript Pyramid Chart Overlay Bubble

VIEW MORE CHARTS
SAVE
VIEW HTML
EDIT ON CODEPEN
A pyramid chart visualizes both the hierarchical structure as well as quantity of the data in a pyramid-like structure. Overlay bubble (<OverlayBubbleChart>, <OverlayBubbleSeries>)and pyramid (<Pyramid2DChart>, <Pyramid2DSeries>) styles are supported in KoolChart's JavaScript charting library.

An overlay bubble JavaScript chart example:
<OverlayBubbleChart>
<series>
<OverlayBubbleSeries field="data" nameField="label" labelPosition="inside">
<fills>
<SolidColor color="#3A3A84"/>
<SolidColor color="#54BAEA"/>
<SolidColor color="#93D6F0"/>
<SolidColor color="#88B14B"/>
<SolidColor color="#E2CE2F"/>
</fills>
</OverlayBubbleSeries>
</series>
</OverlayBubbleChart>