Отобразить данные на графике. JavaScript библиотека amcharts
5 000 руб. за проект
Суть задачи: нужно сделать прототип, где данные из таблицы будут отображаться в виде пузырькового графика (Bubble Chart), используя библиотеку amcharts.
Каждый элемент располагается в таблице на свое строке. У элемента есть свойства:
Рейтинг (от 0 до 10, это положение элемента по оси Х)
Цена (от 0 до 5000, это положение элемента по оси Y)
Популярность (от 1 до 5 000 000, это размер пузырька)
Категория (цвет пузырька)
Формат (форма пузырька)
Рядом с каждым элементом на графике должно отображаться его название. При выборе элемента на графике отображается плашка, на которой перечислены свойства элемента и ещё дополнительное описание из текста и ссылки.
Нужно предусмотреть, как можно одному элементу задать несколько статусов категорий и форматов (то есть цвет и форма пузырька можете информировать не только об одном состоянии, а сразу о трёх, например).
Приоритет отображения и функционала отдаётся мобильным устройствам.
Решить вопрос, как данные из таблицы массово смогут отобразиться на графике. Например, 1000 строк с запонеными свойствами нужно отобразить на графике, не перенося каждую цифру вручную в код.
Демо ближайших похожих графиков на этой библиотеке:
https://www.amcharts.com/demos/zoomable-bubble-cha...
https://www.amcharts.com/demos/xy-chart-date-based...
Тестовая страница https://grandmasgoose.com/ru/vyvod-grafika/
Библиотека amcharts выбрана только потому, что тут самый удобный скрол и зум графика пальцами на мобильном устройстве.
Цена и сроки обсуждаемы.
Каждый элемент располагается в таблице на свое строке. У элемента есть свойства:
Рейтинг (от 0 до 10, это положение элемента по оси Х)
Цена (от 0 до 5000, это положение элемента по оси Y)
Популярность (от 1 до 5 000 000, это размер пузырька)
Категория (цвет пузырька)
Формат (форма пузырька)
Рядом с каждым элементом на графике должно отображаться его название. При выборе элемента на графике отображается плашка, на которой перечислены свойства элемента и ещё дополнительное описание из текста и ссылки.
Нужно предусмотреть, как можно одному элементу задать несколько статусов категорий и форматов (то есть цвет и форма пузырька можете информировать не только об одном состоянии, а сразу о трёх, например).
Приоритет отображения и функционала отдаётся мобильным устройствам.
Решить вопрос, как данные из таблицы массово смогут отобразиться на графике. Например, 1000 строк с запонеными свойствами нужно отобразить на графике, не перенося каждую цифру вручную в код.
Демо ближайших похожих графиков на этой библиотеке:
https://www.amcharts.com/demos/zoomable-bubble-cha...
https://www.amcharts.com/demos/xy-chart-date-based...
Тестовая страница https://grandmasgoose.com/ru/vyvod-grafika/
Библиотека amcharts выбрана только потому, что тут самый удобный скрол и зум графика пальцами на мобильном устройстве.
Цена и сроки обсуждаемы.
В заказе есть исполнитель
При переводе заказа из архивного в актуальный, текущий исполнитель будет снят с задачи.
Выберите тип сделки
С безопасной сделкой вы всегда сможете вернуть средства, если что-то пойдет не так. С простой сделкой вы самостоятельно договариваетесь с исполнителем об оплате и берете на себя решение конфликтов.