<% if issues_scope.empty? %>
<%= l(:label_no_data) %>
<% elsif %w(work_burndown cumulative_flow hours_velocity).include?(chart) && issues_scope.count > RedmineAgile.time_reports_items_limit %>
<%= l(:label_agile_too_many_items, :max => RedmineAgile.time_reports_items_limit) %>
<% else %>
<% end %>
<%= javascript_tag do %>
$(document).ready(function(){
Chart.plugins.register({
beforeDraw: function(chartInstance, easing) {
if (chartInstance.config.options.tooltips.onlyShowForDatasetIndex) {
var tooltipsToDisplay = chartInstance.config.options.tooltips.onlyShowForDatasetIndex;
var active = chartInstance.tooltip._active || [];
if (active.length > 0) {
if (tooltipsToDisplay.indexOf(active[0]._datasetIndex) === -1) {
chartInstance.tooltip._model.opacity = 0;
}
}
}
}
});
if (document.getElementById("agile-chart")) {
$.getJSON(<%= raw url_for(controller: 'agile_charts', action: 'render_chart', project_id: @project,
chart: chart, version_id: @version, query_id: @query.try(:id), chart_unit: chart_unit).to_json %>, function(data){
Chart.defaults.global.defaultFontColor = 'black';
Chart.defaults.global.defaultFontFamily = '"Arial", sans-serif';
Chart.defaults.global.defaultFontStyle = 'normal';
var chartData = {
labels: data['labels'],
datasets: data['datasets'],
stacked: data['stacked']
};
new Chart(document.getElementById("agile-chart").getContext("2d"), {
type: data['type'] || 'bar',
data: chartData,
options: {
tooltips: {
onlyShowForDatasetIndex: data['show_tooltips'],
callbacks: chartTooltipCallbacks(data['type'])
},
maintainAspectRatio: false,
legend: {
position: 'right',
labels: {
filter: function(legendItem, chartData) {
if (legendItem.text) { return true }
}
}
},
title: {
display: true,
fontSize: 16,
fontStyle: 'normal',
text: data['title']
},
elements: {
line: {
tension: 0, // disables bezier curves
}
},
scales: {
yAxes: [{
stacked: data['stacked'],
scaleLabel: {
display: true,
fontColor: 'rgba(255, 0, 0 ,1)',
fontSize: 14,
labelString: data['y_title']
}
}],
xAxes: [{
ticks: {
autoSkip: true,
maxRotation: 0,
userCallback: function(value, index, values) {
if (data['type'] == 'scatter') {
return data['labels'][value]
} else {
return value
}
}
}
}]
},
}
});
});
}
});
<% end %>