Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.08.2017, 13:27
Аспирант
Отправить личное сообщение для ksevelyar Посмотреть профиль Найти все сообщения от ksevelyar
 
Регистрация: 21.03.2009
Сообщений: 53

Срочная задача для человека умеющего в D3 / графики
Бюджет 8к.

Нужно сделать до вечера воскресенья.

Это график-слайдер. То есть на графике есть одна точка / ползунок, которую можно двигать по графику. Сама геометрия графика при этом не меняется. Есть зона, с выделением цветом (sweet spot).

На скриншотах должно быть видно, что нужно.

Использовать только бесплатные для коммерческого использования библиотеки, D3, Chart.js или что-то еще на ваш выбор. Jquery можно.

Я бэкендер, если все пойдет хорошо, то будут и другие хорошие фронтовые задачи, так как мне не всегда хватает навыков в js / фронте.

График строится из этого json:

Код:
{
	"discounts": {
		"0": "50.22",
		"0.05": "336.47",
		"0.1": "457.0",
		"0.15": "690.53",
		"0.2": "1255.5",
		"0.25": "1745.15",
		"0.3": "1895.81",
		"0.35": "2302.59",
		"0.4": "2310.12",
		"0.45": "2536.11",
		"0.5": "2498.45",
		"0.55": "2423.12",
		"0.6": "2310.12",
		"0.65": "2159.46",
		"0.7": "1858.14",
		"0.75": "1650.98",
		"0.8": "1330.83",
		"0.85": "1010.68",
		"0.9": "690.53",
		"0.95": "370.37"
	},
	"sweet_spot_discount": 0.45
}
При перемещении слайдера должно срабатывать событие:

1) Выводить значение Y. Например слайдер переведен на позицию 0.95 (последняя точка) значит нужно сделать console.log(370.37)
2) Менять метку над слайдером на 370.37

Если что-то в описании непонятно, то дополню его. Можно писать мне сразу в тележку @white_rbbit
Изображения:
Тип файла: jpg 1502900179536screensave.jpg (8.2 Кб, 7 просмотров)
Тип файла: jpg 1503137492534screensave.jpg (8.0 Кб, 7 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 19.08.2017, 18:02
Аспирант
Отправить личное сообщение для ksevelyar Посмотреть профиль Найти все сообщения от ksevelyar
 
Регистрация: 21.03.2009
Сообщений: 53

Всем спасибо, исполнитель найден.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Конфигуратор для сайта, задача не из легких кирил Элементы интерфейса 1 15.09.2015 04:10
красивые графики для сайта him Общие вопросы Javascript 7 06.08.2014 10:43
Классическая задача для моделирования эвристических алгоритмов. (I need help) Koshelenok Ваши сайты и скрипты 7 31.08.2013 07:32
HTA-приложение для радио Pianorama Magneto Ваши сайты и скрипты 42 22.01.2012 06:34
Интересная задача для javascript bobri4 Общие вопросы Javascript 4 16.07.2011 12:08