JavaScript Wind Rose ChartStacked

VIEW MORE WIND ROSE CHARTS
SAVE
VIEW HTML
EDIT ON CODEPEN
The wind rose chart was devised originally to display wind speed and wind direction at a particular location over a period of time. It is a circular chart that normally comprises of 8 to 16 radiating spokes with a bar chart functionality. To create a wind rose chart using KoolChart's JavaScript charting library, the <WindRoseChart> and <WindRoseSeries> elements must be set in Layout.

In this JavaScript chart example, three <WindRoseSeries> elements are set within a <WindRoseChart> element.
<WindRoseChart showDataTips="true">
<angularAxis>
<CategoryAxis id="aAxis" categoryField="Month" />
</angularAxis>
<series>
<WindRoseSeries field="Seoul" displayName="Seoul">
...
</WindRoseSeries>
<WindRoseSeries field="NewYork" displayName="New York">
...
</WindRoseSeries>
<WindRoseSeries field="Paris" displayName="Paris">
...
</WindRoseSeries>
</series>
<radialAxisRenderers>
<Axis2DRenderer axis="{aAxis}" />
</radialAxisRenderers>
</WindRoseChart>