홈>
3 개의 입력 필드와 제출 버튼이 있는데 제출 버튼을 누를 때 입력 값에 따라 막대 차트를 표시하고 싶습니다
경고에 대한 가치를 시험 해보니받을 수 있습니다
html이 있습니다
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<div class="form-group">
<label for="exampleInputEmail1">Enter Value</label>
<input type="text" class="form-control" id="value1" name="value1" placeholder="Enter value">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Enter Value</label>
<input type="text" class="form-control" id="value2" name="value2" placeholder="Enter value">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Enter Value</label>
<input type="text" class="form-control" id="value3" name="value3" placeholder="Enter value">
</div>
<button type="submit" class="btn btn-primary" onclick="getVal()">Submit</button>
</form>
여기 자바 스크립트가 있습니다
var ctx = document.getElementById('myChart').getContext('2d');
function getVal()
{
var val1 = document.getElementById('value1').value;
var val2 = document.getElementById('value2').value;
var val3 = document.getElementById('value3').value;
}
var chart = new Chart(ctx, {
// The type of chart we want to create
type: 'bar',
// The data for our dataset
data: {
labels: ['value1', 'value2', 'value3'],
datasets: [{
label: 'My First dataset',
backgroundColor: 'rgb(255, 99, 132)',
borderColor: 'rgb(255, 99, 132)',
data: [0, 10, 2, 20, 30, 45] <------ How can i pass val1,val2,val3 here data:[] is an object type
}]
},
});
오류는 없지만 결과는 없습니다. 데이터에 val1, val2, va3을 전달하고 싶습니다 : [0,10,2,20]
- 답변 # 1
관련 자료
- html - 문자열 Reactjs 대신 자바 스크립트 개체 필드 입력 값 [object Object]
- javascript - 날짜 범위 값에서 새 입력 필드 생성
- excel - 범위 내 값 입력 후 VBA 입력 상자
- reactjs - useState 또는 useRef (React)를 사용하여 입력에 값 지우기
- javascript - 변수 값을 숫자 입력 값으로 설정할 때 왜 "정의되지 않음"입니까?
- java - 루프의 다른 상호 작용에 사용하기 위해 사용자 입력에서 생성 된 값을 루프 내부에 저장
- php - 입력 필드의 정규식 값이 날짜 형식에 대해 작동하지 않습니다
- python - 동일한 데이터 프레임 행의 부울 값을 기반으로 차트의 막대 색상
- JavaScript를 사용하여 입력 필드에서 여러 값을 가져 오는 방법
- javascript - 선택한 입력 값을 eventListener 함수에 전달하는 방법
- reactjs - 지도에서 여러 입력 개체 값을 제어하려면 어떻게해야합니까?
- javascript - 라디오 버튼 입력 필드에서 값을 얻는 방법은 무엇입니까? JS, jQuery
- javascript - jQuery는 기본 입력 양식이 (onchange) 인 경우 다른 값을 변경합니다
- c - 입력이 주어진 숫자 유형보다 큰 경우에도 scanf가 양수 값을 반환하는 이유는 무엇입니까?
- javascript - 키보드가 아닌 입력 값 입력에 대한 InputEvent 수신 방법
- html - JavaScript에서 사용자 입력 값 (프롬프트)의 글꼴 색상을 변경하는 방법은 무엇입니까?
- jquery - 선택에서 값을 선택할 때 자동으로 입력 채우기
- swift - UITextView의 값이 사용자 입력으로 업데이트되지 않습니다
- reactjs - formik의 다른 필드를 기반으로 한 필드의 입력 값을 설정하는 방법은 무엇입니까?
- C ++ 입력 변수의 값이 저절로 변경됩니까?
트렌드
- OpenCv의 폴더에서 여러 이미지 읽기 (python)
- 파이썬 셀레늄 모든 "href"속성 가져 오기
- html - 자바 스크립트 - 클릭 후 변경 버튼 텍스트 변경
- git commit - 자식 - 로컬 커밋 된 파일에 대한 변경을 취소하는 방법
- JSP에 대한 클래스를 컴파일 할 수 없습니다
- javascript - 현재 URL에서 특정 div 만 새로 고침/새로 고침
- jquery - JavaScript로 현재 세션 값을 얻으시겠습니까?
- javascript - swiperjs에서 정지, 재생 버튼 추가
- JavaScript 변수를 HTML div에 '출력'하는 방법
- python - 문자열에서 특정 문자 제거
val1, val2 및 val3 변수를 함수 외부의 전역 변수로 선언해야합니다. 현재 val1 val2 및 val3은 getVal () 함수에서만 사용할 수 있습니다.
더 좋은 방법은 배열을 만들고 배열을 추가하는 것입니다 :