У меня есть 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
Почему я могу загрузить график, но не функцию?