Vue-Chartjs를 사용하여 꺾은선형 차트를 효율적으로 동적으로 업데이트하는 방법은 무엇입니까?

onMount가 일종의 업데이트를 시뮬레이션하는 차트를 업데이트하는 작업 코드가 있습니다. 하지만 OnMounted 후크에서 배열을 완전히 해체하고 새 값으로 다시 빌드하는 것은 그리 효율적이지 않은 것 같나요? data_values ​​및 label_values에 대해 반응성 구성 요소를 사용해 보았지만 업데이트가 실행될 때 최대 호출 스택 초과 오류가 발생합니다. 제 질문은 아래 코드보다 차트를 업데이트하는 더 좋은 방법이 있습니까?입니다. <템플릿><Line:data="chartData&quo

P粉460377540 2024-01-29 13:35:31 0  1  571

뷰 애플리케이션. 특정 구성 요소를 표시하기 위해 인증을 건너뛰는 방법은 무엇입니까?

저는 vue와 laravel 애플리케이션을 사용하고 있습니다. 사용자가 로그인하지 않고도 구성요소를 표시해야 합니다. 현재 구성 요소(보안 지침 포함)를 보려면 사용자가 로그인해야 합니다. 그러나 이제 구성 요소가 외부적으로 필요하므로 특정 페이지를 보기 위해 로그인이 필요하지 않습니다. vuelaravel 애플리케이션에서 이를 달성하는 방법은 무엇입니까?

P粉658954914 2024-03-27 13:12:42 0  1  527

php - SQL을 사용하여 포럼의 각 섹션에 있는 최신 6개 게시물을 쿼리합니다.

포럼 섹션 테이블: 포럼 게시물 테이블: 렌더링:

ringa_lee 2017-06-29 10:08:50 0  5  1005

angle.js - Angular ng-hide를 즉시 적용하는 방법은 무엇입니까?

Angular ng-hide는 어떻게 즉시 적용됩니까? 컨테이너의 높이와 너비를 기반으로 차트를 그리는 것과 같이 컨트롤러에서 후속 코드를 실행하기 전에 적용되도록 $scope.isHide 및 ng-hide를 설정해야 합니다. DOM에 차트를 숨기지 않고 그리면 차트 높이가 부정확해집니다. jquery로 직접 숨겨서 해결할 수 있는데...

巴扎黑 2017-05-15 17:12:30 0  6  770

vue-chartjs 및 Pinia를 사용하여 저장된 반응형 데이터

저는 Pinia를 사용하여 데이터를 저장하고 vue-chartjs를 결합하여 반응형 차트를 만드는 데 능숙하지 않습니다. 이 예를 가이드로 사용하고 있지만 차트가 스토어의 변경 사항에 반응하도록 만드는 데 어려움을 겪고 있습니다. 반응형 양식을 사용하여 다른 구성 요소에서 Pinia 매장 데이터를 변경했는데 매장 데이터가 변경되는 것을 볼 수 있지만 차트가 업데이트되지 않습니다. 차트를 렌더링하기 위해 다음 구성 요소를 사용하고 있습니다. <scriptsetup>import{storeToRefs}from'pinia'imp...

P粉946437474 2023-08-31 00:26:42 0  1  534

javascript - 스와이프의 좌우 전환 화살표를 클릭하면 스와이프 소스 코드의 SlideNext 함수 내에서 현재 vue 인스턴스에 액세스합니다.

현재 요구 사항은 vue를 사용하여 탭 표시줄과 스와이프가 포함된 캐러셀 구성 요소를 생성하는 것입니다. 캐러셀 이미지의 왼쪽 및 오른쪽 헤드를 클릭하면 스와이프의 SlideNext 함수에서 현재 페이지의 페이지 번호를 가져오고 페이지 번호를 vue 인스턴스에 전달하여 캐러셀 이미지의 동기화 효과를 얻고 싶습니다. 그리고 탭바! 하지만 지금은 var...

漂亮男人 2017-06-26 10:58:16 0  1  769

vue.js를 사용하여 ApexChart의 옵션에서 메서드를 호출하는 방법

저는 vue 및 apex 차트를 처음 사용합니다. 기본적으로 apex 차트 옵션에서 메서드를 호출하는 것이 필요합니다. 제가 겪고 있는 문제를 보여주는 파일을 만들었습니다: https://jsfiddle.net/wr3uo5va/ ​​​​I ChartOptions에서 메소드를 호출해야 합니다. dataLabels는currencyValuedataLabels:{enabled:true,offsetX:-25,formatter:function(val){returnval 메소드를 호출합니다.

P粉373596828 2024-03-27 16:35:38 0  2  394

특정 인물(id)의 요소를 합산하는 방법 - laravel

안녕하세요, 특정 사람(id)에 대한 테이블 열을 어떻게 합산할 수 있나요? 예를 들어 다음과 같은 테이블이 있습니다(ProjectHistory 테이블입니다). Colabs 보기에 특정 공동작업자에 대한 모든 합계를 표시하고 싶습니다. 예를 들어 아래 이미지를 참조하세요. (콜라보레이터 테이블입니다) 그래서 사진을 보시면 콜라보하는 '데이비드'의 id2가 보이네요. 따라서 "Suma" 열에 ID가 2인 colab의 ProjectHistory 테이블 합계(3+500=503)를 출력하고 싶습니다. 모든 콜라보레이션에서...

P粉450079266 2023-09-04 16:39:02 0  1  435

Vue 구성 요소에 관성 데이터를 표시하는 방법은 무엇입니까?

VueInspector에서 실제로 메시지를 받았지만 Vue 구성 요소에서 이를 사용하는 방법을 잘 모르겠습니다. 이미지 링크 https://ibb.co/2KTmstS를 참조하세요. 관성 도우미 메서드를 사용하고 Vue 구성 요소에 메시지를 보내고 있지만 아무 것도 작동하지 않습니다. publicfunctioncontact_to_project(){$message="Mymessage!";returnInertia('Contact_to

P粉517475670 2023-10-31 12:54:15 0  1  517

javascript - 모바일 선택 플러그인이지만 데이터는 자체적으로 정의됩니다.

오른쪽의 효과와 유사하지만 내부의 데이터는 우선 모바일 단말기의 효과입니다. 배경에서 얻은 데이터.

PHP中文网 2017-06-14 10:54:06 0  2  670

변수를 이미지 src로 사용하는 방법 - vue.js

저는 Vue를 처음 사용하고 일부 HTML과 CSS를 수행하고 있으며 변수를 이미지 디렉터리로 사용하고 싶지만 이미지가 로드되지 않고 변수가 유효한 tauri 함수에 의해 업데이트되고 이미지도 변경해야 합니다. 다음은 내 코드입니다. <template><imgv-bind:src=getimg()>--and--<img:src={{data}}}>--and--<imgsrc={{data}} >--그리고 많은

P粉148434742 2023-12-29 16:42:56 0  1  595

Inertia/Laravel PATCH 리디렉션도 리퍼러 업데이트를 시도합니다.

특정 모델을 업데이트하기 위해 Vue 프런트엔드에서 Axios 요청을 수행하는 Laravel/InertiaJS 애플리케이션이 있습니다. 제 경우에는 제안과 관련된 작업도 표시하는 제안 표시 페이지가 있습니다. 특정 작업을 업데이트하기 위해 Axios 호출을 수행하는 Vue 하위 구성 요소가 있습니다. constmoveToNextStatus=(status)=>{console.log('run')//updatethestatusofthetaskusing

P粉265724930 2023-09-04 11:56:57 0  1  606

도면 차트 파일을 선택하기 위한 <select> 방법을 만듭니다.

외부 파일 데이터를 사용하여 차트를 그렸습니다. 이제 사용자가 읽을 파일을 선택할 수 있는 선택 상자가 필요합니다. 이렇게 하면 차트가 동적으로 변경될 수 있습니다. 이 기능을 달성하기 위해 vue와 Chartjs를 어떻게 사용할 수 있습니까? 현재 저는 다음과 같이 홈에 데이터를 가져옵니다.&lt;template&gt;&lt;divclass="home"&gt;&lt;Graph:vul_data="

P粉022140576 2023-08-20 10:08:18 0  1  588

Vue에서 조건부 렌더링을 수행하는 방법

저는 작업을 생성하고 목록에 넣어 효율적으로 추적하는 데 사용할 수 있는 앱을 개발 중입니다. 목록과 목록 내에 작업을 만들었습니다. 목록 내의 목록에 속하는 모든 작업을 렌더링하려고 합니다. 그런데 이에 대한 vue 코드를 작성할 때 문제가 발생합니다. 해당 목록에만 속하는 작업을 렌더링하는 대신 내 코드는 데이터베이스 내의 모든 작업을 생성합니다. 특정 목록에 속하는 작업만 렌더링하는 올바른 방법을 찾는 데 도움을 줄 수 있나요? DashboardView.vue<템플릿><divcla

P粉702946921 2024-04-01 19:36:54 0  1  507

vue-easytable 플러그인은 조건부로 열을 표시합니다.

저는 Vue 구성 요소 내부에 테이블을 표시하기 위해 vue-easytable 플러그인 버전 2.8.2를 사용하고 있습니다. 테이블 열을 조건부로 표시하는 방법을 찾는 데 문제가 있습니다. 여기에 표시된 데모에서 Row Radio 또는 Row Checkbox 스위치가 켜져 있으면 데모 테이블에 열이 동적으로 추가되는 것을 볼 수 있습니다. 그래서 이 기능은 vue-easytable에 이미 존재해야 한다고 생각하는데, 문서를 참고하여 구현하는 방법을 찾을 수 없습니다. 내 Vue 구성 요소에서 vue-easytable에 전달하는 열 ...

P粉066224086 2024-03-27 17:51:33 0  1  441

javascript - 일을 시작한 지 얼마 지나지 않아 WeChat 애플릿에서 몇 가지 작은 문제에 직면했습니다. 설명한대로

첫번째는 강연을 올리려고 하다가 123순으로 사진을 추가했는데 공개하고 나니 사진 순서가 231이나 132, 321로 바뀌더군요(어쨌든 순서가 엉망이네요) ).이 문제를 해결하는 방법은 무엇입니까? 두 번째는 좋아요와 댓글 효과를 만들어야 한다는 것인데...

世界只因有你 2017-05-19 10:38:23 0  1  636

"vue.js 3의 테이블 헤더에 그림을 삽입하는 방법"

vue.js3의 v-data-table을 사용하고 있으며 테이블 헤더에 그림을 삽입하고 싶습니다. 그래서 헤더 템플릿을 재정의해 보았습니다. <templatev-for="headerinheaders"v-slot:[`header.${header.value}`]="{headers}">{{header.text}}</template > 이 방법은 효과적입니다. 그러나 만일

P粉550257856 2023-08-27 08:59:21 0  1  567

angle.js - vue 또는 angle을 통해 iframe 요소를 양방향 데이터 바인딩할 수 있습니까?

H5 게임 관리 시스템 개발에 대해 문의하고 싶습니다. 백그라운드에서 콘텐츠를 입력할 때 iframe의 페이지 요소가 콘텐츠를 즉시 동기화할 수 있는 방법은 무엇입니까? Vue와 Angle이 이를 달성할 수 있나요? 효과는 다음과 같습니다.

黄舟 2017-05-15 17:14:12 0  3  1034

스승의 날이 다가오면서 선생님들께 하고 싶은 말씀이 있으신가요?

이제 막 프로그래밍을 시작한 초보자든, 이미 많은 것을 배운 마스터든, 학교에 다니는 평범한 학생이든... 선생님들께 하고 싶은 말이 있나요? 당신의 아이디어를 코드 언어로 표현할 수 있나요? 예를 들어 아래와 같이 프런트 엔드 코드를 사용하여 스쿨버스 사진 효과를 구현하여 자신의 아이디어를 표현해 보세요.

藏色散人 2018-09-08 17:25:57 0  0  1227