Here what I got using "jchartfx.advanced.js"
1) In the head section use:
jquery-ui.css
jchartfx.css
bars.css (styles were found in Bars help just named it bars)
jquery.min.js
jquery.ui.min.js
jchartfx.system.js
jchartfx.coreVector.js
jchartfx.ui.js
jchartfx.advanced.js
2) The divider element
3) Then the script:
$(document).ready(function ($) {
var items = [{"Count": 7, "Event": "ULLF"},{ "Count": 2, "Event": "MMELDMM"},{ "Count": 2, "Event": "HBTR"},{ "Count": 1, "Event": "IDWF"}];
$("div", ".Eventsenglish").chart({
gallery: cfx.Gallery.Bar,
dataValues: items,
allSeries: {
pointLabels: {
visible: true,
backgroundVisible: true,
format: "%v / %p%%"
}
},
DataGrid: {
visible: true,
},
titles: [{ text: "Sentinel Events Frequency" }]
});
});
Thanks again for the help Hope it helps anyone