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
Шукаю досвідченого Full Stack розробника для створення SaaS-сервісу для інтернет-магазинів.Ідея сервісу: Клієнт завантажує посилання на свій товарний фід (XML або CSV). Сервіс автоматично отримує товари, бере їхні фотографії та створює нові рекламні зображення за готовими шаблонами: ціна, знижка, логотип, акційні плашки тощо. Також у сервісі має бути простий редактор… Javascript та Typescript, Веб-програмування ∙ 1 день 22 години тому ∙ 82 ставки |
Розробка WebGL/Three.js сцени з генерацією та експортом 3D (снапшот) з анімованого шейдераОпис об'єкта:Проект являє собою дизайнерський стіл, виконаний у формі реалістичного, глибокого водовороту (центральна воронка, яка плавно переходить з широкої горизонтальної стільниці в тонку витончену ніжку). Суть задачі:Потрібен WebGL / Creative Coding розробник для створення… Javascript та Typescript, Веб-програмування ∙ 2 дні 18 годин тому ∙ 30 ставок |
Підтримка та розвиток сайту клінінгової компанії
906 UAH
Шукаю веб-розробника / вебмайстра для довгострокової підтримки та розвитку сайту клінінгової компанії. Сайт: https://donely.ca Про проєкт DoneLy Home Services — компанія з надання послуг прибирання в Канаді, яка активно розвивається та розширює географію роботи. Шукаю… Javascript та Typescript, Веб-програмування ∙ 4 дні 20 годин тому ∙ 64 ставки |
Розробка сайту по ТЗ на FramerПотрібно зробити сайт по цим параметрам що в тз https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Називайте реальний рейт на основі цього дизайну HTML та CSS верстання, Javascript та Typescript ∙ 5 днів 21 година тому ∙ 29 ставок |
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 7 днів 12 годин тому ∙ 36 ставок |
Жмеринка