Неравномерная шкала на графике рейтинга

Здравствуйте!

В своем текущем состоянии временная шкала на графике рейтинга идет неравномерно, интервалы между двумя соседними турнирами (иногда в одну точку попадает несколько турниров, но это не важно в данном случае) рисуются одинаковыми, и только по всплывающей подсказке можно понять, много ли времени прошло. Метки на шкале времени помогают, но не сильно, на интервале между соседними метками может быть несколько турниров с неравномерными интервалами между ними.

Я хочу предложить переделать график так, чтобы временная шкала была равномерной. Для этого достаточно сделать следующее (на примере основного графика, их там несколько):

1. Добавить в страничку игрока дополнительную библиотеку moment.js для обработки времени (https://momentjs.com/) перед chart.js.

2. Убрать метки chartAllLabels_s и переписать ряд данных chartAllData_s в виде [{x:"2021-04-28 18:30",y:200}, {x:"2021-04-28 18:30",y:208}, {x:"2021-05-03 18:30",y:207}, …] (дату в формате YYYY-MM-DD HH:SS moment.js умеет парсить). Время турнира поможет рисовать несколько точек в один день и во всплывающей подсказке добавит информативности.

3. В скрипте players.js заменить опции соответствующего графика на примерно такие (удалены метки оси x, добавлена lineTension (можно экпериментировать), добавлена опция scales, отвечающая за то, как выводится ось x):

       {
           type: "line",
           data: {
               datasets: [{
                   label: "R ",
                   borderColor: "#369",
                   borderWidth: 1,
                   pointRadius: 1,
                   lineTension: 0.2,
                   data: chartAllData_s
               }]
           },
           options: {
               legend: {
                   display: !1
               },
               tooltips: {
                   mode: "index",
                   intersect: !1
               },
               scales: {
                   xAxes: [{
                       id: 'x',
                       display: true,
                       type: 'time',
                       time: {
                           parser: true,
                           tooltipFormat: 'DD.MM.YYYY HH:mm',
                           format: !1
                       }
                   }],
               }
           }
       }

4. Сравните, как было, и как стало.

Может сделать переключение вида графика опционально? Пускай кому как нравится тот так и смотрит

Супер!

А вспомнил, там надо какое то символическое фи заплатить… что сейчас развносильно прыжку к юпитеру…

А чего там сейчас сложно все? Я свое правда давно публиковал :D https://chrome.google.com/webstore/detail/tf2-stars/hfbjphgoffoahbnlkpfijmefofmmcfng

Впрочем, сделал расширение для Chrome. Лежит тут: https://github.com/sgolovan/rttf-player-charts

Может когда-нибудь доведу до состояния, что можно будет и в Chrome Web Store загрузить, а пока так. Чтобы включить, надо клонировать репозиторий, включить в Chrome режим разработчика и загрузить распакованное расширение из клонированной директории.

Мысль хорошая, но на полноценное расширение у меня времени, боюсь, не найдется.

Кстати да, тоже хотел предложить. Раз код уже есть  должно быть недолго. Я первый в очереди на плагин)

Напиши плагин для гугл хрома. Модификация страниц там это легко. Потом посмотришь сколько людей его скачает.

Офигеть, насколько это все по взрослому у вас ….  

Фигура “голова-плечи” и кирдык, прогноз - падение до нуля )

А может лучше использовать график как для курсов валют? В котором можно онлайн растягивать и сужать область выборки. Пример на дзене

Блин, я и сам захотел узнать теперь ответы на эти вопросы

Как уже сказал SpinToWin, здесь вопрос не в эстетике, а в том, что график с неравномерной временной шкалой неудобно читать. Особенно, если турниров много и существующие метки на горизонтальной оси располагаются слишком редко. Эстетически график с равномерными интервалами между наблюдениями смотрится получше, согласен.

Для меня это было вопросом не эстетики, а функционала. График с равномерными точками просто не так полезен как инструмент получения и анализа информации.

Например, три года назад я искал на графиках ответы на такие вопросы:

- сколько турниров в неделю надо играть, чтобы быстрее всего расти;

- кто сколько турниров в неделю играет вообще;

- можно ли месяц-два не играть турниры, только тренироваться, а потом прийти и всех обыграть;

- насколько вообще быстро прибавляют в рейтинге те, кто редко играет, но много тренируется.

Всё это совершенно не видно на графике с точками, равномерно расставленными по оси X, без привязки к реальному времени участия в турнирах, а по графику с реальными данными некоторые выводы получалось сделать.

Респект) p. s. А кому-то биржевые  “свечи”:больше нравятся) 

Ну в целом и сейчас, если посмотреть на было и стало в конце поста, я не могу сказать, что стало красивее)

Но тоже выражаю респект автору за предложение. Обязательно покрутим и еще раз подумаем в эту сторону. Возможно сможем оставить оба варианта, добавив какую-нибудь переключалку.

Делал похожий пост, получил ответ админов “а нам и так нравится”) https://rttf.ru/topics/11749

респект автору за погружение, тем не менее, делать такой акцент на промежутках не всегда кажется логичным. Если точки будут равноудалены друг от друга, то лучше виден общий прогресс человека, что довольно важно. Раньше тоже хотел видеть длинные промежутки, когда они случались, но потом оказалось, что мне не нужно знать, когда человек болел/восстанавливался/бросал по другой причине. Важнее его общий вектор - вправо вверх, зигзагами (моя любимая фигура), змеей и другие вариации

Однако, иногда хочется сразу видеть, из-за чего случился резкое изменение, поэтому паузы между турнирами видеть тоже бы хотелось, но можно это сделать менее навязчиво. Например, привязать сетку к месяцам, а не по кол-ву турниров. Или отмечать разницу градиентом в фоне (тот что сейчас серый)

Блеск! Удивлен, что прочитал пост такого качества на этом форуме, а не на arxiv