I have a custom HighChart template that I re-use for several graphs. I make the graphs available to my homepage through a UI Page referenced by a System UI Widget.
This is an abridged version of the code for the HighChart:
Highcharts.setOptions({
lang: {
thousandsSep: ','
}
});
var ga = new GlideAjax('MyChartUtil');
ga.addParam('sysparm_name', 'getData');
ga.addParam('sysparm_metric', 'CountsDaily');
ga.getXMLWait();
ga.getXML(parseResponse);
function parseResponse(response) {
var weekday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"][new Date().getDay()];
var data = response.responseXML.documentElement.getAttribute("answer").evalJSON();
var cX = new Date().getHours() + 1;
var cY = data['span'][cX][1];
data['span'][cX][1] = null;
var chart = new Highcharts.Chart({
chart: {
renderTo: data['renderto'],
type: 'spline'
},
xAxis: {
tickInterval: 2
},
yAxis: {
title: false,
gridLineColor: 'rgba(0,0,0,0.1)',
gridZIndex: -1,
min: 0
},
series: [{
type: 'areasplinerange',
name: 'Typical ' + weekday + ' Range',
data: data['range'],
lineWidth: 0,
color: '#2f7ed8',
fillOpacity: 0.25,
enableMouseTracking: false,
marker: {
enabled: false
}
}]
});
}
The UI Page is really just a stub. I use it for several graphs. I would like to create a Javascript Object that I can call on demand that would hold all of this, rather than creating copies on every relevant UI Page. This is really simple on the server-side with a Script Include. It seems like a UI Script is what I want on the client-side, but I don't see how to instantiate it on the UI Page.
Has anyone attempted this before? Ideas?
