|
|
|
@ -3,27 +3,6 @@
|
|
|
|
|
|
|
|
|
|
|
|
var _chart;
|
|
|
|
var _chart;
|
|
|
|
|
|
|
|
|
|
|
|
var createChart = function(statistic) {
|
|
|
|
|
|
|
|
_chart = new Chart($wrapper.find('.LicenseStatisticChart'),
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
type: 'pie',
|
|
|
|
|
|
|
|
data: {
|
|
|
|
|
|
|
|
labels: Object.keys(statistic.data),
|
|
|
|
|
|
|
|
datasets: [
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
label: 'License ratios',
|
|
|
|
|
|
|
|
data: Object.values(statistic.data),
|
|
|
|
|
|
|
|
backgroundColor: [
|
|
|
|
|
|
|
|
'rgba(50, 150, 255, 1)',
|
|
|
|
|
|
|
|
'rgba(150, 255, 100, 1)',
|
|
|
|
|
|
|
|
'rgba(255, 100, 150, 1)'
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
]
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var refreshChart = function(statistic) {
|
|
|
|
var refreshChart = function(statistic) {
|
|
|
|
_chart.data = {
|
|
|
|
_chart.data = {
|
|
|
|
labels: Object.keys(statistic.data),
|
|
|
|
labels: Object.keys(statistic.data),
|
|
|
|
@ -52,14 +31,19 @@
|
|
|
|
});
|
|
|
|
});
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
var init = function(filters) {
|
|
|
|
|
|
|
|
render(filters, createChart);
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var refresh = function(filters) {
|
|
|
|
var refresh = function(filters) {
|
|
|
|
render(filters, refreshChart);
|
|
|
|
render(filters, refreshChart);
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var init = function (filters) {
|
|
|
|
|
|
|
|
_chart = new Chart($wrapper.find('.LicenseStatisticChart'),
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
type: 'pie'
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
refresh(filters);
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
init: init,
|
|
|
|
init: init,
|
|
|
|
refresh: refresh
|
|
|
|
refresh: refresh
|
|
|
|
|