добавление холста, имеющего скрипт-скрипт, в html div с использованием jquery

Question

Я не очень хорошо манипулирую jquery.я застрял в очень странной ситуации, и сценарий выглядит следующим образом.

Я отображаю диаграмму с помощью вызова ajax в моем контроллере, а затем возвращаю эти данные в мою функцию успеха ajax и затем добавляю ее в div,Данные загружаются правильно, но содержимое не добавляется в div.

я делаю все в laravel.

вот мой код:

mycontroller.php

$chartjs = $this->chart();
$chart = view('user.ajax',compact('chartjs'))->render();
return $chart;

user.ajax.blade.php

{!! $chartjs->render() !!}        
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.js"></script>

Мой Ajax Call

 <script>
    $(document).ready(function(){
        $('.loaderr').preloader({
          text:'Please wait for a while, loading data..'  
        });
        $.ajax({
        type: 'GET',
        dataType: "json",
        url: '/fetch-analytics',

        success: function(response){
            console.log(response);

            $('#graph').append(response);
            $('.loaderr').preloader('remove');
        },
        error: function(err){
            console.log('There will be some error!');
        },
    });
    });
</script>

Ответ, который я получил, когда утешил ответ

<canvas id="lineChartTest" width="921" height="460">
<script>
document.addEventListener("DOMContentLoaded", function(event) {
    (function() {
        "use strict";
        let ctx = document.getElementById("lineChartTest");
        window.lineChartTest = new Chart(ctx, {
            type: 'line',
            data: {
                labels: ["2018-09-03","2018-09-04","2018-09-05","2018-09-06","2018-09-07","2018-09-08","2018-09-09","2018-09-10","2018-09-11","2018-09-12","2018-09-13","2018-09-14","2018-09-15","2018-09-16","2018-09-17","2018-09-18","2018-09-19","2018-09-20","2018-09-21","2018-09-22","2018-09-23","2018-09-24","2018-09-25","2018-09-26","2018-09-27","2018-09-28","2018-09-29","2018-09-30","2018-10-01","2018-10-02","2018-10-03"],
                datasets: [{"label":"Emails Sent","backgroundColor":"rgba(38, 185, 154, 0.31)","borderColor":"rgba(38, 185, 154, 0.7)","pointBorderColor":"rgba(38, 185, 154, 0.7)","pointBackgroundColor":"rgba(38, 185, 154, 0.7)","pointHoverBackgroundColor":"#fff","pointHoverBorderColor":"rgba(220,220,220,1)","data":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,746,52,147,47,8]}]
            },
                        });
    })();
});
</script>
</canvas>

HTML-КОД, КУДА Я ХОЧУ ДОБАВИТЬ

<div class="row">
<div class="col-md-12">
    <div class="card">
        <div class="panel-heading"></div>
        <div class="card-body graph-loader">
            <h5 class="card-title">
                Emails Sent (Last 30 Days)
            </h5>

            <div class="pt-4 px-3" id="graph">

            </div>

        </div>
    </div>
</div>

Я хочу добавить этот ответ в DIV, но когда я добавляю его, то этопоказывает только пустой экран, и когда я проверяю элемент в браузере, он добавляется, но не отображается.когда я копирую, вставляю ответ в div, тогда график показывает отлично, но когда я добавляю его, он дает ошибку.я использую этот пакет laravel для создания и рендеринга диаграмм.

любая помощь будет очень признательна.

заранее спасибо