홈>
chartjs 차트를 생성하는 js 파일이 있습니다. 차트에서 'id'를 사용하여 데이터를 동적으로 가져 오기를 원합니다.
이것은 라 라벨 블레이드의 코드입니다 :
<div class="card">
<canvas id="dash-donut-rice" width="100%" height="100%"></canvas>
<script src="{{url( 'vendor/dash-donut.js' )}}"></script>
</div>
여기는 노선입니다 :
Route::get('/get-donut/{id}', '[email protected]');
컨트롤러는 다음과 같습니다 :
public function getDonut($id)
{
//dd($id);
$new = PurchaseOrder::where('status', 'NEW')->where('bu_id', $id)->count();
$completed = PurchaseOrder::where('status', 'COMPLETED')->where('bu_id', $id)->count();
$cancelled = PurchaseOrder::where('status', 'CANCELLED')->where('bu_id', $id)->count();
$total = PurchaseOrder::where('bu_id', $id)->count();
//$center_text = ($completed / $total) * 100 . '%';
if ($total == 0) {
$center_text = '0%';
} else {
$center_text = number_format(($completed / $total) * 100, 0) . '%';
}
$donut_data_array = array(
'count' => [$cancelled, $new, $completed],
'center_text' => $center_text,
);
return $donut_data_array;
}
다음은 ChartJS 함수입니다.
ajaxGetPostMonthlyData: function () {
//var urlPath = 'http://' + window.location.hostname + '/get-post-chart-data';
//var urlPath = 'http://nipayandtuazon.com/get-rice-donut';
//var urlPath = 'http://nipayandtuazon.com/get-rice-donut';
var request = $.ajax( {
method: 'GET',
url: '/get-donut/1',
} );
https://imgur.com/a/R4oos6V
미리 감사합니다!
- 답변 # 1
관련 자료
- laravel blade - 뷰에서 다차원 배열을 반복하는 방법은 무엇입니까?
- php - 블레이드 뷰에서 @foreach 루프의 Laravel 문제
- JQuery와 부트 스트랩 다단계 양식을 사용하여 Laravel의 컨트롤러 메소드에 데이터를 게시하고 요청하는 방법은 무엇입니까?
- javascript - Vuejs에서 Laravel 블레이드 구문을 사용하는 방법
- javascript - select2 및 laravelcollective를 사용하여 laravel 블레이드에서 다른 필드를 채우는 방법
- javascript - laravel 전체 달력이 테마 JQuery 및 부트 스트랩과 작동하지 않습니다
- Laravel 51 블레이드, 다양한 값을 가진 var 비교
- javascript - Laravel 58에서 블레이드 @foreach에 새로운 데이터를 넣습니다
- vue.js - 스크립트 라 라벨 블레이드에서 컴포넌트 뷰 가져 오기
- 라 라벨 블레이드에서 단일 카테고리 및 하위 카테고리를 얻는 방법
- php - 라 라벨 블레이드에 세션 값이 표시되지 않습니다
- Laravel Blade @extends 및 @yield가 작동하지 않습니다
- php - 콘솔에 새 페이지가 표시되지만 laravel jquery ajax가 리디렉션되지 않습니다
- Laravel 58 앱의 cdn을 제외하고 node_modules에서 JQuery를 포함시키는 방법은 무엇입니까?
- jquery - 라 라벨 블레이드에서 foreach로 성형
- javascript - Laravel 7- DataTable jQuery에서 데이터베이스의 데이터를 표시하기 위해 ajax를 사용하는 방법
- php - 라 라벨 블레이드의 반올림 문제
- phpstorm - 스페이스 그레이 라 라벨 블레이드 선택을 수정하는 방법은 무엇입니까?
- Laravel 블레이드 제트 스트림 스캐 폴딩에는 2 개의 @if 문과 3 개의 @endif 문이 있습니다 어떻게 가능합니까?
- php - 호출하는 동안 laravel blade html 속성에 인덱스를 추가하는 방법은 무엇입니까?
관련 질문
- jquery : Laravel DataTable을 토글하기 위해 확인란을 켜는 방법
- javascript : jQuery를 사용하여 모달을 수정하는 방법이 작동하지 않습니다.
- javascript : Laravel에서 Ajax 및 puglin Krajee 파일 입력을 사용하여 컨트롤러에 파일을 보내려고 합니다.
- php : Laravel 419 csrf 토큰 불일치 오류, 포스트 데이터 오류
- php : laravel 오류: 빈 값에서 기본 객체 생성 Laravel 8
- javascript : 중첩 Ajax 호출 문제
- Jquery로 POST하고 Node.js에서 응답 받기
- javascript : 이 code는 전체 페이지를 새로 고칠 때 제대로 작동하지만 특정 div를 새로 고칠 때 내 버튼이 비활성화되고 카운트를 시작하지 않습니다.
- javascript : JS 파일에 자바스크립트 포함
- php : Laravel "Symfony\Component\HttpKernel\Exception\HttpException" 오류
이제 $id의 모든 것을 동적으로 전달할 수 있습니다. 클라이언트 측에서 수행하는 경우 변수를 전달해야합니다. 예를 들어 id로 요소를 가져 와서 그 값을 얻은 다음 거기에 넣을 수 있습니다. 입력 상자를 사용하여 프런트 엔드 나 서버 쪽에서이 작업을 수행하려고하는지 확실하지 않습니다.