Create a wijbarchart using markup like the following.
Markup
Paste inside the body tags of a page |
Copy Code
|
<div id="wijbarchart" style="HEIGHT: 300px; WIDTH: 400px">
|
Initialize the BarChart with script like the following.
To initialize the wijbarchart
Paste inside the head section of a page |
Copy Code
|
<script id="scriptInit" type="text/javascript">
$(document).ready(function () {
$("#wijbarchart").wijbarchart({
axis: {
y: {
text: "Total Hardware"
},
x: {
text: ""
}
},
hint: {
content: function () {
return this.data.label + '\n ' + this.y + '';
}
},
header: {
text: "Console Wars"
},
seriesList: [{
label: "US",
legendEntry: true,
data: { x: ['PS3', 'XBOX360', 'Wii'], y: [12.35, 21.50, 30.56] }
}],
seriesStyles: [{
fill: "#8ede43", stroke: "#7fc73c", opacity: 0.8
}],
seriesHoverStyles: [{
"stroke-width": "1.5", opacity: 1
}]
});
});
</script>
|
When you view the page in a browser, it looks like the image below.

See Also
Widgets
Reference