JS хартія
400 UAH
https://www.amcharts.com/demos-v3/multi-panel-horizon-chart-v3/
Дані - json з 6 колонками: datetime. ІНТ . ІНТ . ІНТ . int, int і произвольним кол-во роу.
В результаті повинно з'явитися 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 хартіяДуже дякую вам.
Все було чудово.
Відгук фрилансера про співпрацю з Nikolay Mashkov
JS хартіяДякуємо Миколаю за проект. В було добре.
-
А в чем задача? На страничке же есть демо как подлючать
-
Задача - сделать такую демку с минимумом кода.
Демка на сайте - у меня сразу не заработала.
Если скачать страницу целиком - то работает, но много лишнего кода.
Насколько я понимаю, использовался obfuscator. Путь к картинкам в js захардкоден как "images/" (при попытке его поменять - скрипт перестал работать, может проверяет свой размер ?) А в html - картинки в img/
В общем нужно или найти нормальную демку или сделать ее на основе страницы по ссылке.
А еще лучше - найти похожий свободный график и сделать его. Но нужно что бы был такой же ползунок-указатель диапазона дат под графиком. -
Откуда берутся данные и где будет размещаться конечный результат
-
Демо данные берутся из index.html и передаются в js через json.
Деплоймент не нужен.
-
Тестовые данные:
<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
Розробка повного стеку — Панель управління Amazon PPC (Етап 1)Потрібен full-stack розробник з досвідом роботи з Amazon API для реалізації Stage 1 внутрішнього PPC-дашборда. Проект реальний, дані живі, все готово до старту. Прототип фронтенда (5 сторінок, React + TypeScript): ЩО ВЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript +… Javascript та Typescript, Веб-програмування ∙ 3 години 10 хвилин тому ∙ 7 ставок |
Розробка сайту-конструктора фотокниг і фоторамокМета проекту Необхідно розробити сучасний веб-сайт для замовлення фотокниг, фоторамок та іншої персоналізованої фотопродукції. Головне завдання проекту — надати клієнту можливість самостійно створити готовий макет виробу без участі дизайнера безпосередньо на сайті.Основний… Javascript та Typescript, Веб-програмування ∙ 1 день 19 годин тому ∙ 88 ставок |
Повноцінна розробкаNeed a full-stack developer who is free for work and not looking to get rich immediately from this project. This is my test site: readyhome.ge the prototype of which I want to create (not referring to design). In the footer, there is Russian language, fill out the questionnaire… Javascript та Typescript, Веб-програмування ∙ 2 дні 7 годин тому ∙ 79 ставок |
Команда для самописного маркетплейса ритуальних послуг.Шукаємо команду для запуску та розвитку самописного національного маркетплейсу ритуальних послуг. Одразу: не шукаємо одиночок, джунів і “збирачів сайтів”. Потрібна сильна продуктова команда рівня middle+/senior з реальними кейсами маркетплейсів/складних SaaS. Прошу не… Javascript та Typescript, Веб-програмування ∙ 2 дні 13 годин тому ∙ 25 ставок |
Доопрацювання існуючого проекту Next.js/Supabase: оффери, CRM, аналітика, AI-чатЄ діючий проект WatchGenius — платформа аналітики люксових годинників з каталогом моделей, ціновою аналітикою, зовнішніми офферами, формами заявок та AI-чатом. Проект вже частково розроблений. Потрібен не сайт з нуля, а досвідчений full-stack розробник, який зможе розібратися в… Javascript та Typescript, Веб-програмування ∙ 4 дні 15 годин тому ∙ 54 ставки |
Жмеринка