1
0
mirror of https://github.com/ppy/osu.git synced 2024-12-18 09:23:22 +08:00
osu-lazer/osu.Game/Overlays/Profile/Sections/Historical/ProfileLineChart.cs

260 lines
8.8 KiB
C#
Raw Normal View History

2020-11-14 09:46:26 +08:00
// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the MIT Licence.
// See the LICENCE file in the repository root for full licence text.
using osu.Framework.Graphics.Containers;
using osu.Framework.Graphics;
using JetBrains.Annotations;
2020-11-14 11:38:02 +08:00
using System;
using System.Linq;
using osu.Game.Graphics.Sprites;
using osu.Framework.Utils;
using osu.Framework.Allocation;
using osu.Game.Graphics;
using osu.Framework.Graphics.Shapes;
2020-11-22 07:34:29 +08:00
using osuTK;
2020-11-22 09:40:55 +08:00
using static osu.Game.Users.User;
2020-11-14 09:46:26 +08:00
namespace osu.Game.Overlays.Profile.Sections.Historical
{
public class ProfileLineChart : CompositeDrawable
{
private UserHistoryCount[] values;
2020-11-15 00:17:01 +08:00
[NotNull]
2020-11-14 09:46:26 +08:00
public UserHistoryCount[] Values
{
get => values;
set
{
2020-11-24 04:24:37 +08:00
if (value.Length == 0)
throw new ArgumentException("At least one value expected!", nameof(value));
graph.Values = values = value;
2020-11-14 11:38:02 +08:00
createRowTicks();
2020-11-14 12:28:01 +08:00
createColumnTicks();
2020-11-14 09:46:26 +08:00
}
}
private readonly UserHistoryGraph graph;
2020-11-14 11:38:02 +08:00
private readonly Container<TickText> rowTicksContainer;
2020-11-14 12:28:01 +08:00
private readonly Container<TickText> columnTicksContainer;
2020-11-14 11:38:02 +08:00
private readonly Container<TickLine> rowLinesContainer;
2020-11-14 12:28:01 +08:00
private readonly Container<TickLine> columnLinesContainer;
2020-11-14 09:46:26 +08:00
public ProfileLineChart(string graphCounterName)
2020-11-14 09:46:26 +08:00
{
RelativeSizeAxes = Axes.X;
Height = 250;
InternalChild = new GridContainer
{
RelativeSizeAxes = Axes.Both,
ColumnDimensions = new[]
{
new Dimension(GridSizeMode.AutoSize),
new Dimension()
},
RowDimensions = new[]
{
new Dimension(),
new Dimension(GridSizeMode.AutoSize)
},
Content = new[]
{
new Drawable[]
{
2020-11-14 11:38:02 +08:00
rowTicksContainer = new Container<TickText>
{
RelativeSizeAxes = Axes.Y,
AutoSizeAxes = Axes.X
},
new Container
2020-11-14 09:46:26 +08:00
{
2020-11-14 11:38:02 +08:00
RelativeSizeAxes = Axes.Both,
Children = new Drawable[]
{
2020-11-14 12:28:01 +08:00
new Container
2020-11-14 11:38:02 +08:00
{
2020-11-14 12:28:01 +08:00
RelativeSizeAxes = Axes.Both,
Children = new[]
{
rowLinesContainer = new Container<TickLine>
{
RelativeSizeAxes = Axes.Both
},
columnLinesContainer = new Container<TickLine>
{
RelativeSizeAxes = Axes.Both
}
}
2020-11-14 11:38:02 +08:00
},
graph = new UserHistoryGraph(graphCounterName)
2020-11-14 11:38:02 +08:00
{
RelativeSizeAxes = Axes.Both
}
}
2020-11-14 09:46:26 +08:00
}
},
2020-11-15 01:17:32 +08:00
new[]
2020-11-14 09:46:26 +08:00
{
Empty(),
2020-11-14 12:28:01 +08:00
columnTicksContainer = new Container<TickText>
{
RelativeSizeAxes = Axes.X,
AutoSizeAxes = Axes.Y,
Padding = new MarginPadding { Top = 10 }
}
2020-11-14 09:46:26 +08:00
}
}
};
}
2020-11-14 11:38:02 +08:00
private void createRowTicks()
{
rowTicksContainer.Clear();
rowLinesContainer.Clear();
var min = values.Select(v => v.Count).Min();
var max = values.Select(v => v.Count).Max();
2020-11-24 04:52:47 +08:00
var tickInterval = getTickInterval(max - min, 6);
2020-11-14 11:38:02 +08:00
2020-11-24 04:52:47 +08:00
for (long currentTick = 0; currentTick <= max; currentTick += tickInterval)
2020-11-14 11:38:02 +08:00
{
2020-11-24 04:52:47 +08:00
if (currentTick < min)
continue;
2020-11-14 11:38:02 +08:00
2020-11-24 05:12:32 +08:00
float y;
2020-11-24 12:15:59 +08:00
2020-11-24 05:12:32 +08:00
// special-case the min == max case to match LineGraph.
// lerp isn't really well-defined over a zero interval anyway.
if (min == max)
y = currentTick > 1 ? 1 : 0;
else
y = Interpolation.ValueAt(currentTick, 0, 1f, min, max);
// y axis is inverted in graph-like coordinates.
addRowTick(-y, currentTick);
2020-11-14 11:38:02 +08:00
}
}
2020-11-14 12:28:01 +08:00
private void createColumnTicks()
{
columnTicksContainer.Clear();
columnLinesContainer.Clear();
2020-11-22 09:28:17 +08:00
var totalMonths = values.Length;
2020-11-14 12:28:01 +08:00
2020-11-22 08:11:38 +08:00
int monthsPerTick = 1;
2020-11-14 12:28:01 +08:00
2020-11-22 08:58:56 +08:00
if (totalMonths > 80)
monthsPerTick = 12;
else if (totalMonths >= 45)
monthsPerTick = 3;
else if (totalMonths > 20)
monthsPerTick = 2;
2020-11-14 12:28:01 +08:00
2020-11-22 08:11:38 +08:00
for (int i = 0; i < totalMonths; i += monthsPerTick)
2020-11-14 12:28:01 +08:00
{
2020-11-22 09:28:17 +08:00
var x = (float)i / (totalMonths - 1);
2020-11-22 08:11:38 +08:00
addColumnTick(x, values[i].Date);
}
}
2020-11-14 12:28:01 +08:00
2020-11-23 13:52:29 +08:00
private void addRowTick(float y, double value)
2020-11-22 08:11:38 +08:00
{
rowTicksContainer.Add(new TickText
{
Anchor = Anchor.BottomRight,
Origin = Anchor.CentreRight,
RelativePositionAxes = Axes.Y,
Margin = new MarginPadding { Right = 3 },
2020-11-23 13:52:29 +08:00
Text = value.ToString("N0"),
2020-11-22 08:11:38 +08:00
Font = OsuFont.GetFont(size: 12),
Y = y
});
rowLinesContainer.Add(new TickLine
{
Anchor = Anchor.BottomRight,
Origin = Anchor.CentreRight,
RelativeSizeAxes = Axes.X,
RelativePositionAxes = Axes.Y,
Height = 0.1f,
EdgeSmoothness = Vector2.One,
Y = y
});
}
2020-11-14 12:28:01 +08:00
2020-11-22 08:11:38 +08:00
private void addColumnTick(float x, DateTime value)
{
columnTicksContainer.Add(new TickText
{
Origin = Anchor.CentreLeft,
RelativePositionAxes = Axes.X,
Text = value.ToString("MMM yyyy"),
Font = OsuFont.GetFont(size: 12, weight: FontWeight.SemiBold),
Rotation = 45,
X = x
});
columnLinesContainer.Add(new TickLine
{
Origin = Anchor.TopCentre,
RelativeSizeAxes = Axes.Y,
RelativePositionAxes = Axes.X,
Width = 0.1f,
EdgeSmoothness = Vector2.One,
X = x
});
2020-11-14 12:28:01 +08:00
}
private long getTickInterval(long range, int maxTicksCount)
2020-11-14 11:38:02 +08:00
{
// this interval is what would be achieved if the interval was divided perfectly evenly into maxTicksCount ticks.
// can contain ugly fractional parts.
var exactTickInterval = (float)range / (maxTicksCount - 1);
2020-11-22 08:49:00 +08:00
// the ideal ticks start with a 1, 2 or 5, and are multipliers of powers of 10.
// first off, use log10 to calculate the number of digits in the "exact" interval.
var numberOfDigits = Math.Floor(Math.Log10(exactTickInterval));
var tickBase = Math.Pow(10, numberOfDigits);
2020-11-24 12:15:59 +08:00
// then see how the exact tick relates to the power of 10.
var exactTickMultiplier = exactTickInterval / tickBase;
2020-11-14 11:38:02 +08:00
double tickMultiplier;
2020-11-14 11:38:02 +08:00
// round up the fraction to start with a 1, 2 or 5. closest match wins.
if (exactTickMultiplier < 1.5)
tickMultiplier = 1.0;
else if (exactTickMultiplier < 3)
tickMultiplier = 2.0;
else if (exactTickMultiplier < 7)
tickMultiplier = 5.0;
2020-11-14 11:38:02 +08:00
else
tickMultiplier = 10.0;
2020-11-14 11:38:02 +08:00
return Math.Max((long)(tickMultiplier * tickBase), 1);
2020-11-14 11:38:02 +08:00
}
private class TickText : OsuSpriteText
{
[BackgroundDependencyLoader]
private void load(OverlayColourProvider colourProvider)
{
Colour = colourProvider.Foreground1;
}
}
private class TickLine : Box
{
[BackgroundDependencyLoader]
private void load(OverlayColourProvider colourProvider)
{
Colour = colourProvider.Background6;
}
}
2020-11-14 09:46:26 +08:00
}
}