@@ -14,6 +14,14 @@ | |||
line-height: normal; | |||
} | |||
.d3pie .total-text { | |||
text-anchor: middle; | |||
dominant-baseline: central; | |||
} | |||
.d3pie .total-value { | |||
font-family: Arial, sans-serif; | |||
} | |||
.d3pie .inner-label { | |||
fill: #eeeeee; | |||
pointer-events: none; |
@@ -345,9 +345,6 @@ table#symbolsTable input[type="number"] { | |||
text-align: left; | |||
font-size: 12px; | |||
} | |||
#rrd-pie { | |||
font-size: 10px; | |||
} | |||
/* Throughput graph controls */ | |||
#graph_controls select { |
@@ -34,6 +34,7 @@ define(["jquery", "d3evolution", "d3pie", "footable"], | |||
size: { | |||
canvasWidth: 400, | |||
canvasHeight: 180, | |||
pieInnerRadius: "50%", | |||
pieOuterRadius: "80%" | |||
}, | |||
labels: { | |||
@@ -41,14 +42,18 @@ define(["jquery", "d3evolution", "d3pie", "footable"], | |||
format: "none" | |||
}, | |||
inner: { | |||
hideWhenLessThanPercentage: 8 | |||
hideWhenLessThanPercentage: 8, | |||
offset: 0 | |||
}, | |||
}, | |||
padAngle: 0.02, | |||
pieCenterOffset: { | |||
x: -120, | |||
y: 10, | |||
} | |||
}, | |||
total: { | |||
enabled: true | |||
}, | |||
}; | |||
var ui = {}; |
@@ -226,11 +226,21 @@ define(["jquery", "d3pie"], | |||
if (!graphs.chart) { | |||
graphs.chart = new D3Pie("chart", { | |||
labels: { | |||
inner: { | |||
offset: 0 | |||
}, | |||
outer: { | |||
collideHeight: 18, | |||
} | |||
}, | |||
title: "Rspamd filter stats" | |||
size: { | |||
pieInnerRadius: "50%" | |||
}, | |||
title: "Rspamd filter stats", | |||
total: { | |||
enabled: true, | |||
label: "Scanned" | |||
} | |||
}); | |||
} | |||