Member 13007173 Ответов: 1

Динамические данные для линейного графика в codeigniter

Я пытался подготовить график, используя те значения, которые у меня есть, но каким-то образом все, что я мог сделать, это просто получить данные в JSON.

Что я уже пробовал:

print_r(json_encode ($graph, JSON_NUMERIC_CHECK)); // Это в моем контроллере

Ниже код находится на странице моего просмотра.

$(document).ready(function (res) {
    var chart = new CanvasJS.Chart("chartContainer", {
        title:{
            text: "Financial Year Wise Data"              
        },
        data: [ {
            type: "line",
            dataPoints: res
        } ]
    });

<div id="chartContainer" style="height: 300px; width: 100%"></div>

1 Ответов

Рейтинг:
1

Richard Deeming

Функция, к которой вы переходите $(document).ready(...) получит один параметр, который является ссылкой на jQuery объект:

. ready() | документация по API jQuery[^]

Когда $.noConflict() используется для того, чтобы избежать конфликтов пространств имен, $ ярлык больше не доступен. Однако, то .ready() обработчику передается ссылка на объект jQuery это называется методом. Это позволяет обработчику использовать объект jQuery, например как $, не зная его псевдонимного имени.

Этот объект явно не является допустимым набором точек данных для вашей диаграммы.

Вам нужно будет либо загрузить данные диаграммы с помощью AJAX-запроса, либо Эхо-данные в переменную Javascript и использовать ее для инициализации диаграммы.

Member 13007173

Я просто изменил приведенный выше код на этот.

$("#displayChart"). click (function(res) {
e. preventDefault();
$.Аякс({
тип: "JSON",
URL-адрес: "http://localhost:8080/supply_chain/historical_analysis",
успех: функция (res) {
консоли.журнал(ВИЭ);
var chart = новый CanvasJS.Диаграмма ("chartContainer", {
заглавие: {
текст: "мудрые данные за финансовый год"
},
данные: [{
тип: "линия",
точки данных: res
}]

});
},
ошибка: функция(ошибаться) {
консоли.журнал(ошибаться);
}
});
});

Nelek

Затем вы должны использовать "улучшить вопрос" и изменить или добавить код выше... это улучшит читабельность с правильным форматом и отступом