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;
|
|
|
|
|
using static osu.Game.Users.User;
|
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-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
|
|
|
|
|
{
|
|
|
|
|
values = value;
|
|
|
|
|
graph.Values = values;
|
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()
|
|
|
|
|
{
|
|
|
|
|
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
|
|
|
|
|
{
|
|
|
|
|
RelativeSizeAxes = Axes.Both
|
|
|
|
|
}
|
|
|
|
|
}
|
2020-11-14 09:46:26 +08:00
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
new Drawable[]
|
|
|
|
|
{
|
|
|
|
|
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();
|
|
|
|
|
|
|
|
|
|
var niceRange = niceNumber(max - min, false);
|
|
|
|
|
var niceTick = niceNumber(niceRange / (6 - 1), true);
|
|
|
|
|
var axisStart = Math.Floor(min / niceTick) * niceTick;
|
|
|
|
|
var axisEnd = Math.Ceiling(max / niceTick) * niceTick;
|
|
|
|
|
|
|
|
|
|
var rollingRow = axisStart;
|
|
|
|
|
|
|
|
|
|
while (rollingRow <= axisEnd)
|
|
|
|
|
{
|
2020-11-14 12:28:01 +08:00
|
|
|
|
var y = -Interpolation.ValueAt(rollingRow, 0, 1f, axisStart, axisEnd);
|
2020-11-14 11:38:02 +08:00
|
|
|
|
|
|
|
|
|
rowTicksContainer.Add(new TickText
|
|
|
|
|
{
|
|
|
|
|
Anchor = Anchor.BottomRight,
|
|
|
|
|
Origin = Anchor.CentreRight,
|
|
|
|
|
RelativePositionAxes = Axes.Y,
|
2020-11-14 23:48:47 +08:00
|
|
|
|
Margin = new MarginPadding { Right = 3 },
|
2020-11-14 11:38:02 +08:00
|
|
|
|
Text = rollingRow.ToString("N0"),
|
2020-11-14 23:48:47 +08:00
|
|
|
|
Font = OsuFont.GetFont(size: 12),
|
2020-11-14 11:38:02 +08:00
|
|
|
|
Y = y
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
rowLinesContainer.Add(new TickLine
|
|
|
|
|
{
|
|
|
|
|
Anchor = Anchor.BottomRight,
|
|
|
|
|
Origin = Anchor.CentreRight,
|
|
|
|
|
RelativeSizeAxes = Axes.X,
|
|
|
|
|
RelativePositionAxes = Axes.Y,
|
|
|
|
|
Height = 1,
|
|
|
|
|
Y = y
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
rollingRow += niceTick;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-14 12:28:01 +08:00
|
|
|
|
private void createColumnTicks()
|
|
|
|
|
{
|
|
|
|
|
columnTicksContainer.Clear();
|
|
|
|
|
columnLinesContainer.Clear();
|
|
|
|
|
|
|
|
|
|
var min = values.Select(v => v.Date).Min().Ticks;
|
|
|
|
|
var max = values.Select(v => v.Date).Max().Ticks;
|
|
|
|
|
|
|
|
|
|
var niceRange = niceNumber(max - min, false);
|
|
|
|
|
var niceTick = niceNumber(niceRange / (Math.Min(values.Length, 15) - 1), true);
|
|
|
|
|
var axisStart = Math.Floor(min / niceTick) * niceTick;
|
|
|
|
|
var axisEnd = Math.Ceiling(max / niceTick) * niceTick;
|
|
|
|
|
|
|
|
|
|
var rollingRow = axisStart;
|
|
|
|
|
|
|
|
|
|
while (rollingRow <= axisEnd)
|
|
|
|
|
{
|
|
|
|
|
var x = Interpolation.ValueAt(rollingRow, 0, 1f, axisStart, axisEnd);
|
|
|
|
|
|
|
|
|
|
columnTicksContainer.Add(new TickText
|
|
|
|
|
{
|
|
|
|
|
Origin = Anchor.CentreLeft,
|
|
|
|
|
RelativePositionAxes = Axes.X,
|
|
|
|
|
Text = new DateTime((long)rollingRow).ToString("MMM yyyy"),
|
2020-11-14 23:48:47 +08:00
|
|
|
|
Font = OsuFont.GetFont(size: 12, weight: FontWeight.SemiBold),
|
2020-11-14 12:28:01 +08:00
|
|
|
|
Rotation = 45,
|
|
|
|
|
X = x
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
columnLinesContainer.Add(new TickLine
|
|
|
|
|
{
|
|
|
|
|
Origin = Anchor.TopCentre,
|
|
|
|
|
RelativeSizeAxes = Axes.Y,
|
|
|
|
|
RelativePositionAxes = Axes.X,
|
|
|
|
|
Width = 1,
|
|
|
|
|
X = x
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
rollingRow += niceTick;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2020-11-14 11:38:02 +08:00
|
|
|
|
private double niceNumber(double value, bool round)
|
|
|
|
|
{
|
2020-11-14 12:28:01 +08:00
|
|
|
|
var exponent = Math.Floor(Math.Log10(value));
|
2020-11-14 11:38:02 +08:00
|
|
|
|
var fraction = value / Math.Pow(10, exponent);
|
|
|
|
|
|
|
|
|
|
double niceFraction;
|
|
|
|
|
|
|
|
|
|
if (round)
|
|
|
|
|
{
|
|
|
|
|
if (fraction < 1.5)
|
|
|
|
|
niceFraction = 1.0;
|
|
|
|
|
else if (fraction < 3)
|
|
|
|
|
niceFraction = 2.0;
|
|
|
|
|
else if (fraction < 7)
|
|
|
|
|
niceFraction = 5.0;
|
|
|
|
|
else
|
|
|
|
|
niceFraction = 10.0;
|
|
|
|
|
}
|
|
|
|
|
else
|
|
|
|
|
{
|
|
|
|
|
if (fraction <= 1.0)
|
|
|
|
|
niceFraction = 1.0;
|
|
|
|
|
else if (fraction <= 2.0)
|
|
|
|
|
niceFraction = 2.0;
|
|
|
|
|
else if (fraction <= 5.0)
|
|
|
|
|
niceFraction = 5.0;
|
|
|
|
|
else
|
|
|
|
|
niceFraction = 10.0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return niceFraction * Math.Pow(10, exponent);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
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
|
|
|
|
}
|
|
|
|
|
}
|