JS Chart
400 UAHНастройка графика на основе библиотеки
https://www.amcharts.com/demos-v3/multi-panel-horizon-chart-v3/
Данные - json с 6 колонками: datetime. int. int. int. int, int и произвольным кол-вом row.
В результате должно появится 5 кривых, как на приведенном выше примере.
Временной диапазон графика по умолчанию - datetime первой и последней записей в json.
var actualValues = [{"date":"2013-05-01","POSITIVE":13,"NEUTRAL":1,"NEGATIVE":2,"CONTROVERSIAL":14,"POPULAR":16},{"date":"2013-05-02","POSITIVE":11,"NEUTRAL":7,"NEGATIVE":0,"CONTROVERSIAL":4,"POPULAR":18},{"date":"2013-05-03","POSITIVE":9,"NEUTRAL":0,"NEGATIVE":1,"CONTROVERSIAL":10,"POPULAR":10},{"date":"2013-05-04","POSITIVE":4,"NEUTRAL":0,"NEGATIVE":4,"CONTROVERSIAL":8,"POPULAR":8},{"date":"2013-05-05","POSITIVE":0,"NEUTRAL":2,"NEGATIVE":2,"CONTROVERSIAL":0,"POPULAR":4},{"date":"2013-05-06","POSITIVE":3,"NEUTRAL":8,"NEGATIVE":4,"CONTROVERSIAL":-1,"POPULAR":15},{"date":"2013-05-07","POSITIVE":118,"NEUTRAL":10,"NEGATIVE":80,"CONTROVERSIAL":188,"POPULAR":208},{"date":"2013-05-08","POSITIVE":105,"NEUTRAL":87,"NEGATIVE":75,"CONTROVERSIAL":93,"POPULAR":267},{"date":"2013-05-09","POSITIVE":32,"NEUTRAL":19,"NEGATIVE":12,"CONTROVERSIAL":25,"POPULAR":63},{"date":"2013-05-10","POSITIVE":35,"NEUTRAL":13,"NEGATIVE":7,"CONTROVERSIAL":29,"POPULAR":55},{"date":"2013-05-11","POSITIVE":4,"NEUTRAL":0,"NEGATIVE":0,"CONTROVERSIAL":4,"POPULAR":4},{"date":"2013-05-12","POSITIVE":7,"NEUTRAL":0,"NEGATIVE":5,"CONTROVERSIAL":12,"POPULAR":12},{"date":"2019-04-15","POSITIVE":5,"NEUTRAL":5,"NEGATIVE":3,"CONTROVERSIAL":3,"POPULAR":13}]
Если последняя дата сильно отстоит от первых (как в тестовом примере) - этот график [со стандартными настройками] не работает корректно.
Нужно или сделать корректный график на этой библиотеке или использовать любую другую свободную библиотеку (GPL, MIT, etc.)
Главное что бы:
1 по умолчанию диапазон был равен первой и последней дате,
2 под графиком был ползунок для выбора диапазона ("zoom").
Отзыв заказчика о сотрудничестве с Сергієм Ніконовим
JS ChartБольшое спасибо вам.
Все было великолепно.
Отзыв фрилансера о сотрудничестве с Nikolay Mashkov
JS ChartСпасибо Николаю за проект. В е было хорошо.
-
А в чем задача? На страничке же есть демо как подлючать
-
Откуда берутся данные и где будет размещаться конечный результат
-
Тестовые данные:
<script> var actualValues = [{"date":"2013-05-01","POSITIVE":13,"NEUTRAL":1,"NEGATIVE":2,"CONTROVERSIAL":14,"POPULAR":16},{"date":"2013-05-02","POSITIVE":11,"NEUTRAL":7,"NEGATIVE":0,"CONTROVERSIAL":4,"POPULAR":18},{"date":"2013-05-03","POSITIVE":9,"NEUTRAL":0,"NEGATIVE":1,"CONTROVERSIAL":10,"POPULAR":10},{"date":"2013-05-04","POSITIVE":4,"NEUTRAL":0,"NEGATIVE":4,"CONTROVERSIAL":8,"POPULAR":8},{"date":"2013-05-05","POSITIVE":0,"NEUTRAL":2,"NEGATIVE":2,"CONTROVERSIAL":0,"POPULAR":4},{"date":"2013-05-06","POSITIVE":3,"NEUTRAL":8,"NEGATIVE":4,"CONTROVERSIAL":-1,"POPULAR":15},{"date":"2013-05-07","POSITIVE":118,"NEUTRAL":10,"NEGATIVE":80,"CONTROVERSIAL":188,"POPULAR":208},{"date":"2013-05-08","POSITIVE":105,"NEUTRAL":87,"NEGATIVE":75,"CONTROVERSIAL":93,"POPULAR":267},{"date":"2013-05-09","POSITIVE":32,"NEUTRAL":19,"NEGATIVE":12,"CONTROVERSIAL":25,"POPULAR":63},{"date":"2013-05-10","POSITIVE":35,"NEUTRAL":13,"NEGATIVE":7,"CONTROVERSIAL":29,"POPULAR":55},{"date":"2013-05-11","POSITIVE":4,"NEUTRAL":0,"NEGATIVE":0,"CONTROVERSIAL":4,"POPULAR":4},{"date":"2013-05-12","POSITIVE":7,"NEUTRAL":0,"NEGATIVE":5,"CONTROVERSIAL":12,"POPULAR":12},{"date":"2019-04-15","POSITIVE":5,"NEUTRAL":5,"NEGATIVE":3,"CONTROVERSIAL":3,"POPULAR":13}]</script> -
Актуальные фриланс-проекты в категории Javascript и Typescript
Ищу опытного Full Stack разработчика для создания SaaS-сервиса для интернет-магазинов.Идея сервиса: Клиент загружает ссылку на свой товарный фид (XML или CSV). Сервис автоматически получает товары, берет их фотографии и создает новые рекламные изображения по готовым шаблонам: цена, скидка, логотип, акционные плашки и т.д. Также в сервисе должен быть простой… Javascript и Typescript, Веб-программирование ∙ 1 день 19 часов назад ∙ 82 ставки |
Разработка WebGL/Three.js сцены с генерацией и экспортом 3D (snapshot) из анимированного шейдераОписание объекта:Проект представляет собой дизайнерский стол, выполненный в форме реалистичного, глубокого водоворота (центральная воронка, которая плавно переходит из широкой горизонтальной столешницы в тонкую изящную ножку). Суть задачи:Требуется WebGL / Creative Coding… Javascript и Typescript, Веб-программирование ∙ 2 дня 16 часов назад ∙ 30 ставок |
Поддержка и развитие сайта клининговой компании
906 UAH
Ищу веб-разработчика / веб-мастера для долгосрочной поддержки и развития сайта клининговой компании. Сайт: https://donely.ca О проекте DoneLy Home Services — компания по предоставлению услуг уборки в Канаде, которая активно развивается и расширяет географию работы. Ищу… Javascript и Typescript, Веб-программирование ∙ 4 дня 18 часов назад ∙ 64 ставки |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 5 дней 19 часов назад ∙ 29 ставок |
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 7 дней 10 часов назад ∙ 36 ставок |