+ {UTM_PARAMS.map(key => {
+ const items = toArray(data[key]);
+ const chartData = {
+ labels: items.map(({ name }) => name),
+ datasets: [
+ {
+ data: items.map(({ value }) => value),
+ backgroundColor: CHART_COLORS,
+ },
+ ],
+ };
+ const total = items.reduce((sum, { value }) => {
+ return +sum + +value;
+ }, 0);
+
+ return (
+
+
+
{key}
+
({
+ x: name,
+ y: value,
+ z: (value / total) * 100,
+ }))}
+ />
+
+
+
+ );
+ })}
+