![Изображение](http://i.imgur.com/9fkHyaR.png)
1. Удалите (переместите в архив) папку highcharts в каталоге с файлами МД
2. Скопируйте туда такую же папку highcharts из вложения
В ней можно найти папку examples. Там полно разных примеров. Просто запускайте любой файл index.htm в браузере.
Модератор: immortal
вот так вроде отрабатываетBagir писал(а):Да чтож такое то. Будет разбираться. Мой jsonp.php отрабатывает. Это хорошо. Дальше Надо проверить по шагам работу графиков. Независимо от МД, запускаем в браузере файлы index.htm Этот пример лежит в highstock/examples/compare Это вторая часть пункта 1 поста выше. Смотрим результат. Если он есть, приступаем к пункту 3.
Вот на этом месте.Bagir писал(а):
Но тут уже надо кое что поменять. В конце хода есть две строкиВ них нужно поменять путь к папке js. Пишем так:Код: Выделить всё
<script src="../../js/highstock.js"></script> <script src="../../js/modules/exporting.js"></script>
Все! сохраняем и идем смотреть что получилось. Если мы видим график на домашней странице - эксперимент удался, и можно колдовать дальше.Код: Выделить всё
<script src="/highstock/js/highstock.js"></script> <script src="/highstock/js/modules/exporting.js"></script>
Возвращаемся к коду и находим в самом начале строкуГугль это хорошо, но нам может потребоваться и автономная работа. Поэтому заменяем строку наКод: Выделить всё
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
Идем проверять. Не забудьте обновить (F5) страницу в браузере. Все осталось на месте? - Отлично.Код: Выделить всё
<script type="text/javascript" src="/highstock/js/jquery-1.8.2.min.js"></script>
4. Настраиваем код графика на работу с нашими данными. Укажем от какого объекта драть данные. Находим строкуи меняем на две строкиКод: Выделить всё
names = ['MSFT', 'AAPL', 'GOOG'],
Массив names это имена графиков. Массив sensornames - имена Объект.Свойств. Пока укажем только одно имя и свойств. Идем смотреть график.Код: Выделить всё
names = ['это все моё!'], sensornames = ['OfficeRoom.Temperature'];
поменял массивBagir писал(а):Но в исходном примере тоже массив имен. Вот он names = ['MSFT', 'AAPL', 'GOOG'], просто имена графиков совпадают с именами запросов, а у нас нет. Поэтому и делаем второй массив. Уверен, тут где то просто какой то крючок
Код: Выделить всё
<script src="../../js/highstock.js"></script>
<script src="../../js/modules/exporting.js"></script>
Код: Выделить всё
<script src="/highstock/js/highstock.js"></script>
<script src="/highstock/js/modules/exporting.js"></script>
я по шагам сделал и написал на каком шаге затык)Bagir писал(а):Надо искать проблему по шагам.
Первый шаг:
Если пример в браузере отрабатывает, то для начала мы просто копируем текст кода страницы примера в МД код домашней страницы без изменений. Один в один, как есть. НО!!! нам надо поменять путь к js файлам.В них нужно поменять путь к папке js. Пишем так:Код: Выделить всё
<script src="../../js/highstock.js"></script> <script src="../../js/modules/exporting.js"></script>
Проверяем. Должно работать!Код: Выделить всё
<script src="/highstock/js/highstock.js"></script> <script src="/highstock/js/modules/exporting.js"></script>
Код: Выделить всё
$.each(names, function (i, name) {
alert ('/jsonp.php?name='+sensornames[i]);
$.getJSON('/jsonp.php?name='+sensornames[i], function (data) {
Код: Выделить всё
$.getJSON('/jsonp.php?name='+sensornames[i], function (data) {
Код: Выделить всё
$.getJSON('/jsonp.php?name=Chisinau.tempOutside', function (data) {
Код: Выделить всё
$.each(names, function (i, name) {
...
...
// As we're loading the data asynchronously, we don't know what order it will arrive. So
// we keep a counter and create the chart when all the data is loaded.
seriesCounter += 1;
// if (seriesCounter === names.length) { // закоментировать
createChart();
// } // закоментировать
});
});