The JS Chart
9 USD https://www.amcharts.com/demos-v3/multi-panel-horizon-chart-v3/
Data is json with 6 columns: datetime. and int. and int. and int. int, int and arbitrary call row.
As a result, there should be 5 curves, as shown in the above example.
The temporary range of graphics by default is datetime of the first and last records in 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").
Client's review of cooperation with Serhii Nikonov
The JS ChartThank you very much.
Everything was great.
Freelancer's review of cooperation with Nikolay Mashkov
The JS ChartThank you Nicholas for the project. A was good.
-
Winning proposal2 days9 USD
504 26 3 1 Winning proposal2 days9 USD
Good night Nicholas.
Ready to fulfill your order.
With respect Sergey.
The deadline is approximately.
-
1 day7 USD
1054 38 1 1 day7 USD
Hello to you!
Ready to perform. Write to me at LS or telegram 380662195237
-
А в чем задача? На страничке же есть демо как подлючать
-
Задача - сделать такую демку с минимумом кода.
Демка на сайте - у меня сразу не заработала.
Если скачать страницу целиком - то работает, но много лишнего кода.
Насколько я понимаю, использовался 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> -
Current freelance projects in the category Javascript and Typescript
Full-stack development — Amazon PPC Dashboard (Stage 1)Need a full-stack developer with experience working with Amazon API to implement Stage 1 of the internal PPC dashboard. The project is real, the data is live, everything is ready to start. Frontend prototype (5 pages, React + TypeScript): WHAT IS ALREADY READY — Frontend… Javascript and Typescript, Web Programming ∙ 1 hour 40 minutes back ∙ 6 proposals |
Development of a photo book and photo frame constructor websiteProject Goal A modern website needs to be developed for ordering photo books, photo frames, and other personalized photo products. The main task of the project is to provide the client with the ability to independently create a ready-made layout of the product directly on the… Javascript and Typescript, Web Programming ∙ 1 day 17 hours back ∙ 88 proposals |
Full-stack developmentNeed 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 and Typescript, Web Programming ∙ 2 days 6 hours back ∙ 79 proposals |
Team for a custom marketplace of funeral services.We are looking for a team to launch and develop a custom national marketplace for funeral services. Right away: we are not looking for solo freelancers, juniors, or "website builders." We need a strong product team at the middle+/senior level with real cases in… Javascript and Typescript, Web Programming ∙ 2 days 12 hours back ∙ 25 proposals |
Improvement of the existing Next.js/Supabase project: offers, CRM, analytics, AI chatThere is an active project WatchGenius — a luxury watch analytics platform with a catalog of models, price analytics, external offers, application forms, and an AI chat. The project has already been partially developed. We need not a website from scratch, but an experienced… Javascript and Typescript, Web Programming ∙ 4 days 13 hours back ∙ 54 proposals |
Zhmerinka