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
998 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
I am looking for an experienced Full Stack developer to create a SaaS service for online stores.Service idea: The client uploads a link to their product feed (XML or CSV). The service automatically retrieves the products, takes their photos, and creates new advertising images based on ready-made templates: price, discount, logo, promotional tags, etc. There should also be… Javascript and Typescript, Web Programming ∙ 1 day 18 hours back ∙ 82 proposals |
Development of a WebGL/Three.js scene with generation and export of 3D (snapshot) from an animated shaderObject Description:The project is a designer table shaped like a realistic, deep whirlpool (a central vortex that smoothly transitions from a wide horizontal tabletop to a thin elegant leg). Task Essence:A WebGL / Creative Coding developer is required to create an interactive 3D… Javascript and Typescript, Web Programming ∙ 2 days 15 hours back ∙ 30 proposals |
Support and development of the cleaning company's website
20 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 4 days 16 hours back ∙ 64 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 5 days 18 hours back ∙ 29 proposals |
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 7 days 8 hours back ∙ 36 proposals |
Zhmerinka