Widgets > Chart Widgets > wijbubblechart |
The wijbubblechart widget is like a Scatter chart in which the data points are replaced with bubbles. This type of chart can be used instead of a Scatter chart if your data has three independent values. The wijbubblechart uses three values for each data point: x, y, and y1. The X element values determine the Cartesian position along the x-axis, the Y element values determine the Cartesian position along the y-axis, and the Y1 element values determine the size of the bubble at each point.
Open the .cshtml for the View in which you want to display a wijbubblechart. Add a <div>
DOM element like in the following markup:
<div id="bubblechart">
</div>
Now you need to initialize the wijbubblechart widget, which you can do by adding the following script to the .cshtml file:
<script type="text/javascript">
$(document).ready(function () {
$("#bubblechart").wijbubblechart({
});
});
</script>
For more information about wijbubblechart, click one of the external links to view our Wijmo wiki documentation: