Uncaught ReferenceError: функция не определена в HTMLButtonElement.onclick Laravel / Lumen - PullRequest
0 голосов
/ 03 мая 2020

У меня есть php блейд, где у меня есть элемент холста с диаграммой в нем, кнопка, которую нужно нажать, и я хочу обновить диаграмму при клике: мой php файл:

@section('content')
<div class="col-md-6 offset-md-3 pt-5">
    <div class="card">
        <div class="card-body">
            <h1>Dynamic Chart
                <button class="btn btn-success" onclick="updateChart()">Update</button>
            </h1>
        </div>
        <canvas id="myChart"></canvas>
    </div>
</div>
<script type="text/javascript" src="{{ URL::asset('/js/dynamicchart.js') }}"></script>
@endsection

my Javascript file:

let data = [10, 20, 35, 52, 60, 70, 85];
var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
    // The type of chart we want to create
    type: 'line',

    // The data for our dataset
    data: {
        labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
        datasets: [{
            label: 'My First dataset',
            backgroundColor: 'rgb(0, 99, 132)',
            borderColor: 'rgb(0, 99, 132)',
            data: [0, 10, 5, 2, 20, 30, 45]
        }]
    },

    // Configuration options go here
    options: {}
});

function updateChart() {
    window.location.reload(true);
    chart.data.datasets[0].date = data;
    chart.update();
}

Итак, моя диаграмма будет загружена, но когда я нажимаю кнопку, появляется эта ошибка:

Uncaught ReferenceError: updateCharts () не определена в HTMLButtonElement.onclick Laravel / Lumen

Почему я могу загрузить график, но не функцию?

...