Laravel - вернуть данные ajax в представление Charts

Question

Я работаю с приложением laravel, моя проблема в том, что я хочу вывести представление Chartjs с помощью ajax, используя ConsoleTv / Charts.Это мой код: Маршрут:

Route::get('month/{month}','AjaxController@getMonth')->middleware('ajax');

Контроллер

public function getMonth($month){

        if ($request->ajax()) {

            $sql = Ticket::select('name')
                ->selectRaw('count(id) as status1')
                ->whereMonth('Date','=',$month)->get();

            $labels = $sql->pluck('name');
            $values = $sql->pluck('status1');

            $month = new Charts();
            $month->title('Title');
            $month->labels($labels);
            $month->dataset('Tiket', 'bar',$values);

            return json_encode(compact('month'));

        }

Ajax:

$('.secCharts').on('change', function (e) {
        var optionSelected = $("option:selected", this);
        var valueSelected = this.value; 
        var month= 4;
        if(valueSelected == 1){
        $.get('month/'+month,function(data){
                console.log(data);
                $('#bar-charts').html(data);
            }); 
        }
    });

Моя проблема заключается в том, как отобразить переменную данных:

<div id="bar-charts" class="box-content">
    {!! $month->container() !!}
</div>
{!! $month->script() !!}

Любая помощь приветствуется!Большое спасибо!

Answer 1

Пожалуйста, посмотрите это пример

Это поле неверно в вашем коде Вы должны вызвать функцию

            $('#bar-charts').html(data);

Вам достаточно

этогоиспользованная часть

var getData = function() {  $.ajax({
url: 'https://jsonplaceholder.typicode.com/posts/' + postId + '/comments',
success: function(data) {
  // process your data to pull out what you plan to use to update the chart
  // e.g. new label and a new data point

  // add new label and data point to chart's underlying data structures
  myChart.data.labels.push("Post " + postId++);
  myChart.data.datasets[0].data.push(getRandomIntInclusive(1, 25));

  // re-render the chart
  myChart.update();
}

});};