Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
9 / 9 / 7
Регистрация: 01.07.2015
Сообщений: 88
1

Рисование графика

03.05.2016, 23:57. Показов 453. Ответов 0
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Хочу сделать нарисовать график.
HTML5
1
<div id="graph"></div>
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
   var $graph = document.querySelector('#graph');
 
        // Массив, содержащий все точки.
        var actual = [{x: new Date}];
        
        var chart = new CanvasJS.Chart($graph, {
          axisX: {title: "Timeline"},
          axisY: {title: "WATTS"},
          data: [{
            type: "spline",
            dataPoints: actual
          }]
        });
 
        chart.render();
        
        function processTemp(temp, now) {
        //  var now   = new Date;
        
          // Будем хранить только последние две минуты.
         // if (+now - actual[0].x > 2 * 60 * 1000)
         //   actual.shift();
        
          var point = {x: now, y: temp};
          actual.push(point);
          chart.render();
        }
Добавления точки на график использую функцию
Javascript
1
processTemp(item.VALUE,item.DATE);
//VALUE - числовое значение, DATE - дата

Для рисования графиков использую библиотеку
Javascript
1
        <script src="//cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/canvasjs.min.js"></script>
В итоге точки - не добавляются, графики не рисуются.

Добавлено через 11 минут
Если подставляю дату now, то рисуется. А с моей датой не хочет. Моя дата имеет вид 2016-05-03 16:53:46.

Добавлено через 1 час 14 минут
Ошибку исправил. Надо дату переводить в другой формат
Javascript
1
2
3
var d = new Date();
d.setTime(Date.parse(item.DATE));
processTemp(item.VALUE,d);
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
03.05.2016, 23:57
Ответы с готовыми решениями:

Рисование графика
Помогите на нести на график функцию y=x^2 Вот график : var canvas =...

Рисование графика: обработка новых входящих данных и движение графика на форме
Подскажите каким способом можно вывести график частью главного окна программы, при чем график...

Рисование графика
Доброго времени суток. Вот программа для отрисовки графика в TkInter. from math import * from...

Рисование графика
Всем привет!!! столкнулся с проблемой, помогите пожалуйста. Задание: построит график для функции...

0
03.05.2016, 23:57
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
03.05.2016, 23:57
Помогаю со студенческими работами здесь

Рисование графика
Нужно нарисовать график функции я вроде нарисовать, как мне сказали правильно, но он очень...

Рисование графика
Просмотрел несколько тем на форуме, но нужного не нашел или же не понял! У меня есть массив...

Рисование графика
Я только начала изучать Яву, в интернете все для меня смутно (на данный момент). Мне нужно...

графика в си++, рисование
Помогите подалуйста контур лица нарисовать((( никак не получается....все как то не ровно


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru