mirror of
https://github.com/minetest/contentdb.git
synced 2025-01-10 23:17:37 +01:00
Statistics: Add label for Nov5 YouTube event
This commit is contained in:
parent
6916b0612f
commit
6212b95a4d
7
app/public/static/libs/chartjs-plugin-annotation.min.js
vendored
Normal file
7
app/public/static/libs/chartjs-plugin-annotation.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -2,6 +2,8 @@
|
|||||||
|
|
||||||
|
|
||||||
const labelColor = "#bbb";
|
const labelColor = "#bbb";
|
||||||
|
const annotationColor = "#bbb";
|
||||||
|
const annotationLabelBgColor = "#444";
|
||||||
const gridColor = "#333";
|
const gridColor = "#333";
|
||||||
|
|
||||||
|
|
||||||
@ -15,6 +17,25 @@ const chartColors = [
|
|||||||
];
|
];
|
||||||
|
|
||||||
|
|
||||||
|
const annotationNov5 = {
|
||||||
|
type: 'line',
|
||||||
|
borderColor: annotationColor,
|
||||||
|
borderWidth: 1,
|
||||||
|
click: function({chart, element}) {
|
||||||
|
document.location = "https://fosstodon.org/@rubenwardy/109303281233703275";
|
||||||
|
},
|
||||||
|
label: {
|
||||||
|
backgroundColor: annotationLabelBgColor,
|
||||||
|
content: "YouTube Video",
|
||||||
|
display: true,
|
||||||
|
position: "end",
|
||||||
|
color: "#00bc8c",
|
||||||
|
},
|
||||||
|
scaleID: 'x',
|
||||||
|
value: "2022-11-05",
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
function hexToRgb(hex) {
|
function hexToRgb(hex) {
|
||||||
var bigint = parseInt(hex, 16);
|
var bigint = parseInt(hex, 16);
|
||||||
var r = (bigint >> 16) & 255;
|
var r = (bigint >> 16) & 255;
|
||||||
@ -81,7 +102,6 @@ async function load_data() {
|
|||||||
if (json.package_downloads) {
|
if (json.package_downloads) {
|
||||||
const packageRecentDownloads = Object.fromEntries(Object.entries(json.package_downloads)
|
const packageRecentDownloads = Object.fromEntries(Object.entries(json.package_downloads)
|
||||||
.map(([label, values]) => [label, sum(values.slice(-30))]));
|
.map(([label, values]) => [label, sum(values.slice(-30))]));
|
||||||
console.log(packageRecentDownloads);
|
|
||||||
|
|
||||||
document.getElementById("downloads-by-package").classList.remove("d-none");
|
document.getElementById("downloads-by-package").classList.remove("d-none");
|
||||||
const ctx = document.getElementById("chart-packages").getContext("2d");
|
const ctx = document.getElementById("chart-packages").getContext("2d");
|
||||||
@ -186,7 +206,13 @@ function setup_chart(ctx, data) {
|
|||||||
labels: {
|
labels: {
|
||||||
color: labelColor,
|
color: labelColor,
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
|
|
||||||
|
annotation: {
|
||||||
|
annotations: {
|
||||||
|
annotationNov5,
|
||||||
|
},
|
||||||
|
},
|
||||||
},
|
},
|
||||||
interaction: {
|
interaction: {
|
||||||
mode: "nearest",
|
mode: "nearest",
|
||||||
|
@ -1,7 +1,8 @@
|
|||||||
{% macro render_package_stats_js() %}
|
{% macro render_package_stats_js() %}
|
||||||
<script src="/static/libs/chart.min.js"></script>
|
<script src="/static/libs/chart.min.js"></script>
|
||||||
<script src="/static/libs/chartjs-adapter-date-fns.bundle.min.js"></script>
|
<script src="/static/libs/chartjs-adapter-date-fns.bundle.min.js"></script>
|
||||||
<script src="/static/package_charts.js?v=6"></script>
|
<script src="/static/libs/chartjs-plugin-annotation.min.js"></script>
|
||||||
|
<script src="/static/package_charts.js?v=7"></script>
|
||||||
{% endmacro %}
|
{% endmacro %}
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user