Построить график на Chart.js
Цена договорная
•
безналичный расчёт, электронные деньги
Добрый день. Нужно сделать график, на одном канвасе отобразить время отклика сервера и его аптайм. Используя данные из JSON.
Пример как должен выглядеть график прикрепляю.
Данные например могут быть такими:
var pingData = [{
timestamp: '2019-01-25T11:00:00Z',
value: 312
}, {
timestamp: '2019-01-25T11:10:00Z',
value: 341
}, {
timestamp: '2019-01-25T11:15:00Z',
value: 341
}, {
timestamp: '2019-01-25T11:20:32Z',
value: 431
}, {
timestamp: '2019-01-25T11:25:00Z',
value: 542
}, {
timestamp: '2019-01-25T11:40:10Z',
value: 231
}, {
timestamp: '2019-01-25T11:45:30Z',
value: 231
}];
var uptimeData = [{
initialState: 'up',
changes: [{
timestamp: '2019-01-25T11:31:00Z',
value: 'down'
}, {
timestamp: '2019-01-25T11:35:23Z',
value: 'up'
}, {
timestamp: '2019-01-25T11:40:50Z',
value: 'down'
}]
}]; Для пинга это просто время пинга и значение в ms. Для аптайма это начальное состояние и далее время переключения в другое состояние если они были.
В результате проекта мне нужен код для вставки на сайт.
Пример как должен выглядеть график прикрепляю.
Данные например могут быть такими:
var pingData = [{
timestamp: '2019-01-25T11:00:00Z',
value: 312
}, {
timestamp: '2019-01-25T11:10:00Z',
value: 341
}, {
timestamp: '2019-01-25T11:15:00Z',
value: 341
}, {
timestamp: '2019-01-25T11:20:32Z',
value: 431
}, {
timestamp: '2019-01-25T11:25:00Z',
value: 542
}, {
timestamp: '2019-01-25T11:40:10Z',
value: 231
}, {
timestamp: '2019-01-25T11:45:30Z',
value: 231
}];
var uptimeData = [{
initialState: 'up',
changes: [{
timestamp: '2019-01-25T11:31:00Z',
value: 'down'
}, {
timestamp: '2019-01-25T11:35:23Z',
value: 'up'
}, {
timestamp: '2019-01-25T11:40:50Z',
value: 'down'
}]
}]; Для пинга это просто время пинга и значение в ms. Для аптайма это начальное состояние и далее время переключения в другое состояние если они были.
В результате проекта мне нужен код для вставки на сайт.
- Файлы
В заказе есть исполнитель
При переводе заказа из архивного в актуальный, текущий исполнитель будет снят с задачи.
Выберите тип сделки
С безопасной сделкой вы всегда сможете вернуть средства, если что-то пойдет не так. С простой сделкой вы самостоятельно договариваетесь с исполнителем об оплате и берете на себя решение конфликтов.