").appendTo(container);
return labels.map(function (label, i) {
$("
")
.appendTo(pagecontainer)
.attr("id", "piechart" + (skip + i));
var sdata = data.datasets.map(function (s) { return [s.label, parseFloat(s.data[(skip + i)])]; });
piedata.series = [{ name: options.display, data: sdata }];
piedata.subtitle.text = label + ".";
return Highcharts.chart("piechart" + (skip + i), piedata);
});
}
}
if (slideBtns.length <= 0) {
slideBtns = $("
❮❯")
.appendTo(container);
var position = $(container).offset();
if (position) slideBtns.css("top", position.top + container.height() * 0.2).hide();
slideBtns.on("click", function () {
if ($(this).hasClass("next")) {
options.page = (options.page || 1) + 1;
pagecontainer.animate({ "opacity": "0" }, { complete: showPieCharts });
} else {
options.page = (options.page || 1) - 1;
pagecontainer.animate({ "opacity": "0" }, { complete: showPieCharts });
}
})
}
return showPieCharts();
}
}
function drawLineChart1(data, options, ctx) {
var label = (options.display == 'Percentage' ? '%' : '');
var chart = new Chart(ctx).Line(data, {
tooltipTemplate: "<%=label%>: <%= value %>" + label,
animationSteps: 10,
bezierCurveTension: 0.3,
pointDotRadius: 2,
responsive: true,
showTooltips: true,
multiTooltipTemplate: "<%=datasetLabel%>: <%= value %>" + label,
scaleLabel: "<%=value%>" + label,
tooltipXPadding: 5,
tooltipXOffset: 50,
customTooltips: function (tooltip) {
// tooltip will be false if tooltip is not visible or should be hidden
if (!tooltip) {
return;
}
tooltip.lines = tooltip.legendColors.map(function (color, i) {
return {
color: color,
label: tooltip.labels[i]
}
});
tooltip.lines.sort(function (a, b) {
var vala = parseFloat(a.label.split(':')[1]);
var valb = parseFloat(b.label.split(':')[1]);
if (vala && valb)
if (vala <= valb)
return 1;
else
return -1;
return 0;
});
tooltip.labels = tooltip.lines.map(function (line) { return line.label; });
tooltip.legendColors = tooltip.lines.map(function (line) { return line.color; });
delete tooltip.lines;
drawTooltip(tooltip);
//console.log(tooltip.x, tooltip.xOffset, tooltip.xPadding);
return true;
},
labelsFilter: function (value, index) {
return (index + 1) % (Math.floor(data.labels.length / 40) + 1) !== 0;
},
legendTemplate: "
-legend\"><% for (var i=0; i- \"> <%if(datasets[i].label){%><%=datasets[i].label%><%}%>
<%}%>
"
});
return chart;
}
function drawBarChart1(data, options, ctx) {
getLabel = function (datasetLabel) {
if (datasetLabel == "Net Promoter Score") {
return "";
}
else
return (options.display == 'Percentage' ? '%' : '');
}
var label = (options.display == 'Percentage' ? '%' : '');
var chart = new Chart(ctx).Bar(data, {
tooltipTemplate: "<%=label%>: <%= value %>" + label,
animationSteps: 10,
bezierCurveTension: 0.3,
pointDotRadius: 2,
responsive: true,
showTooltips: true,
multiTooltipTemplate: "<%=datasetLabel%>: <%= value %>" + label,
scaleLabel: "<%=value%>" + label,
tooltipXPadding: 5,
tooltipXOffset: 50,
labelsFilter: function (value, index) {
return (index + 1) % (Math.floor(data.labels.length / 40) + 1) !== 0;
},
legendTemplate: "
-legend\"><% for (var i=0; i- \"> <%if(datasets[i].label){%><%=datasets[i].label%><%}%>
<%}%>
"
});
return chart;
}
function drawTooltip(tooltip) {
Chart.helpers.drawRoundedRectangle(tooltip.ctx, tooltip.x, tooltip.y - tooltip.height / 2, tooltip.width, tooltip.height, tooltip.cornerRadius);
var ctx = tooltip.ctx;
ctx.fillStyle = tooltip.fillColor;
ctx.fill();
ctx.closePath();
ctx.textAlign = "left";
ctx.textBaseline = "middle";
ctx.fillStyle = tooltip.titleTextColor;
ctx.font = tooltip.titleFont;
ctx.fillText(tooltip.title, tooltip.x + tooltip.xPadding, tooltip.getLineHeight(0));
ctx.font = tooltip.font;
Chart.helpers.each(tooltip.labels, function (label, index) {
ctx.fillStyle = tooltip.textColor;
ctx.fillText(label, tooltip.x + tooltip.xPadding + tooltip.fontSize + 3, tooltip.getLineHeight(index + 1));
//A bit gnarly, but clearing tooltip rectangle breaks when using explorercanvas (clears whole canvas)
//ctx.clearRect(tooltip.x + tooltip.xPadding, tooltip.getLineHeight(index + 1) - tooltip.fontSize/2, tooltip.fontSize, tooltip.fontSize);
//Instead we'll make a white filled block to put the legendColour palette over.
ctx.fillStyle = tooltip.legendColorBackground;
ctx.fillRect(tooltip.x + tooltip.xPadding, tooltip.getLineHeight(index + 1) - tooltip.fontSize / 2, tooltip.fontSize, tooltip.fontSize);
ctx.fillStyle = tooltip.legendColors[index].fill;
ctx.fillRect(tooltip.x + tooltip.xPadding, tooltip.getLineHeight(index + 1) - tooltip.fontSize / 2, tooltip.fontSize, tooltip.fontSize);
}, tooltip);
}
function convertPivotToChart(pivot, options) {
var labels = pivot.rows.map(function (row) {
return row[0];
});
var datasets = [];
pivot.columns.forEach(function (col, i) {
if (col != 'Date' && col != 'Sample') {
var colorIndex = i % chartColors.length - 1;
datasets.push({
label: col,
tooltipTemplate: "<%=label%>: <%}%><%= value %>data",
highlightStroke: chartColors[colorIndex],
fillColor: options.chartType == 'Line' ? chartColors[colorIndex].replace(",1)", ",0.0)") : chartColors[colorIndex].replace(",1)", ",0.8)"),
strokeColor: chartColors[colorIndex].replace(",1)", ",0.8)"),
pointColor: chartColors[colorIndex].replace(",1)", ",0.8)"),
pointStrokeColor: chartColors[colorIndex].replace(",1)", ",1)"),
lineColor: chartColors[colorIndex],
highlightFill: chartColors[colorIndex].replace(",1)", ",0.75)"),
data: pivot.rows.map(function (row, rownum) {
if (options.metric == "Net Promoter Score" && i == 1) {
return Math.round(parseInt(row[i]));
}
return row[i];
})
});
}
});
return {
labels: labels,
datasets: datasets
};
}
function loadDatatable(dtData) {
var $tbl = $("#trackingdata");
if (isDataTable($tbl[0])) {
$tbl.dataTable().fnDestroy();
$tbl.html("");
}
$tbl.dataTable(dtData);
$("#trackingdata th, #trackingdata thhead td").each(function (i, e) {
if (i > 0 && i < $("#trackingdata th").length - 1) {
var index = (i - 1) % chartColors.length;
$(e).attr("style", 'background-color:' + chartColors[index].replace(",1)", ",0.8)") + ' !important;' + $(e).attr("style"));
}else{
$(e).css("border","1px solid #dddddd");
}
});
}
function getDataFromServer(options, cb) {
var url = edroot + 'search?';
$.ajax({
url: url,
dataType: 'json',
data: options.query,
success: function (data) {
cb(null, data);
},
error: function (xhr, status, error) {
cb("Connection Error: " + url);
}
});
}
function isDataTable(nTable) {
var settings = $.fn.dataTableSettings;
for (var i = 0, iLen = settings.length ; i < iLen ; i++) {
if (settings[i].nTable == nTable) {
return true;
}
}
return false;
}
function numberWithCommas(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
function last30(datestr) {
var d = new Date(datestr);
d.setDate(d.getDate() - 30)
return d.toISOString().substring(0, 10);
}
function toDate(datestr){
return datestr.substring(0,4) + '-' + datestr.substring(4,6) + '-' + datestr.substring(6,8);
}
Handlebars.registerHelper('toDate',toDate);
Handlebars.registerHelper('last30', last30);
Handlebars.registerHelper('ifCond', function (v1, v2, options) {
if (v1 === v2) {
return options.fn(this);
}
return options.inverse(this);
});
Handlebars.registerHelper('split', function (str, delim, index) {
return str.toString().split(delim)[index];
});
Handlebars.registerHelper('isInGroup', function (group, groupName, options) {
if (group === groupName.split('|')[0]) {
return options.fn(this);
}
return options.inverse(this);
});
}