VPF::Построение диаграммы из API Я.Метрика

PeterLS

Дата 13.10.2015, 16:06 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 1
Регистрация: 13.10.2015

Репутация: нет
Всего: нет

Доброе время суток. Уже пол дня мучаюсь и никак не могу понять почему у меня не выводится график. Так как в js не силен прошу помощи у Вас. Вот мой код:

Код


function getLineData() {
    return new Promise1(function (resolve1, reject1) {
        $.ajax({
            url: 'https://api-metrika.yandex.ru/stat/sources/summary.json?id=27747960&oauth_token=97bdc9b8ddd344efbb799e201eb25d39',
            type: 'POST',
            dataType: 'jsonp',
            error: reject1,
            success: function (json) {
                var sources = [];
                $.each(json.data, function (i, el) {
                    sources.push({
                        label: el.name,
                        value: el.visits
                    });
                });
                return resolve(sources);
            }
        });
    });
}
 
 
$(function() {
    getLineData().then(function (sources) {
        Morris.Donut({
            element: 'morris-donut-chart',
            data: sources,
            resize: true
        });
    }, function (error) {
        console.log('Failed!: ' + error.statusText);
    });
});

В итоге не выводится совсем ничего... Делаю по принципу вывода линейного графика, который вполне корректно работает. Вот его код (в спойлере):

Код


function getLineData() {
    return new Promise(function (resolve, reject) {
        $.ajax({
            url: 'http://api-metrika.yandex.ru/stat/traffic/summary.json?id=27747960&pretty=1&oauth_token=97bdc9b8ddd344efbb799e201eb25d39',
            type: 'POST',
            dataType: 'jsonp',
            error: reject,
            success: function (json) {
                var vizits = [];
                $.each(json.data, function (i, el) {
                    vizits.push({
                        date: (el.date).replace(/(\d{4})(\d{2})(\d{2})/,'$1-$2-$3'),
                        visits: el.visits,
                        page_views: el.page_views
                    });
                });
                return resolve(vizits);
            }
        });
    });
}
$(function() {
    getLineData().then(function (vizits) {
        Morris.Line({
            element: 'morris-area-chart',
            data: vizits,
            xkey: 'date',
            ykeys: ['page_views', 'visits'],
            labels: ['Просмотров', 'Визитов'],
            hideHover: 'auto',
            resize: true
 
        });
    }, function (error) {
        console.log('Failed!: ' + error.statusText);
    });
});

Все находится в 1 файле.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »