Q&A
커뮤니티
지식
이벤트
더보기
OKKY
Q&A
지식
커뮤니티
이벤트
부트캠프
Jobs
Contact
Search Bar
로그인
회원가입
chartjs
전체
기술
커리어
기타
카테고리
전체
최신순
질문하기
답변
6
공치기정재
·
거의 2년
876
0
답변 6
[프론트엔드] 차트라이브러리 무엇을 선호하시나요? SVG or Canvas
차트라이브러리를 리서치하거나 구현할 때 어떤 랜더러(?)를 선호하시나요? svg와 canvas 둘 중 하나를 선택할 . 거같은데 svg로 하면 ssr이 기능하다는 이점이 있고 canvas로 하면 성능최적화에 svg보단 용이할텐데 차트 수준에서 성능 차이가 유의미 하진 않다고 생각되네요. 그냥 단순히 호불호의 차이일까요?
답변
2
qjawns314
·
약 2년
284
0
답변 2
자바스프링 view로내린 리스트 변수를 html파일에서 타임리프를 통해 자바스크립트로 처리하려는데 char.js에서 문제가생겨 질문드립니다.
네이버 데이터랩 api를 통해 검색어 트렌드 검색한 비율과 날짜를 리스트화 해서 두개의 리스트를만들었습니다. 그후 두 Arraylist<String> 타입의 리스트를 Controller에서 model을 통해 html 파일로 내렸습니다. 그이후 자바스크립트에서 타임리프를 통해 불러와 char.js를 통해 그래프로 시각화하기위해 값을 넣는과정에서 y축(검색비율)은 값을 정확히 인식하는반면 x축(날짜)에서는 값을 정확히 인식하지못하고 이상하
답변
1
dfsdf
·
2년 이상
174
0
답변 1
chart.js bar 그래프
안녕하세요 고수님들 chart.js 로 막대그래프를 만들고 있는데 혹시 해당이미지처럼 4개, 4개,4개, 3개 이렇게 개수를 다르게 만들 수 있을까요 현재는 방법을 몰라서 저 3개만 따로 새 그래프를 만들어서 붙여둔 상태인데 그래프 값이 달라지면 크기가 틀어져서 고민입니다 ㅠㅠ
답변
0
오드서
·
2년 이상
1.1k
0
답변 0
chart.js y축 소수점 제거
chart.js 사용중이고 위와 같이 y축에 0, 0.5 ,1 을 제거하려고 합니다 제거하는 방법 질문드립니다.. 그리고 y축 의 숫자를 전부 제거하는 방법도 있을까요?? 현재 설정은 아래와 같습니다.. var chart= new Chart(context, { type: 'line', // 차트의 형태 data: { // 차트에 들어갈 데이터 labels: '',
답변
0
진심펀치
·
거의 3년
169
0
답변 0
[Chart] amChart5 에서 wheelX는 어떤걸 나타내는 걸까요 ?
var chart = root.container.children.push(am5xy.XYChart.new(root, { wheelX: "panX", wheelY: "none", }));wheeY는 마우스에서 가운데 휠을 위, 아래 동작 시 이벤트 발생하는 건 확인했습니다. wheeX는 어떻게 이벤트를 발생시키는지 잘 모르겠네요. 다른 동작 방식이 있는걸까요 ?
답변
1
SVM~
·
약 3년
122
0
답변 1
scrollbar를 x축의 끝으로 고정하고 싶은데, 어떻게 할 수 있을까요?
chart.js 2.9.4버전 쓰고 있습니다.. scrollbar를 x축의 끝(맨 우측) 으로 고정하고 싶은데, 어떻게 할 수 있을까요?
답변
1
풍산국국우
·
약 3년
412
0
답변 1
Chart.js 에 대해서 잘 아시는분 있을까요 제발 도와주세요
체크한 부분위에 숫자로 점수표시 방법 없을까요 ..? Chart.js으로 만든 차트입니다.
답변
1
풍산국국우
·
약 3년
3.2k
0
답변 1
chart.js 꼭지점에 데이터값 표시 하는 방법 아시는분 있을까요
사진 처럼 꼭지점 위에 데이터값이 몇인지 숫자로 표시하고싶은데요 혹시 방법 아시는분 계시나요 ㅠ plugins 부분에 여러가지 코드를 넣어봤는데도 표시 되지가 않네요.. (코드) <html> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.1/chart.min.js"></script> <script src=&#
답변
1
jace1011
·
약 3년
158
0
답변 1
앱 배포중 차트 화면 오류
앱 배포를 하는중에 차트를 확인했는데 다른 주석들은 잘나오는데 현재 확인 한거로는 11값에서 주석이 안나오고 있었습니다. 이게 차트js쪽에서의 문제일까요 아니면 앱배포를 하면서의 문제일까요?..... (현재 if (label.yValue < -90) {<!-- --> return false; 이런식으로 yvalue값이 -90 밑인경우에만 false를 하고있습니다) if (label.xValue =&#
답변
0
hata676
·
약 3년
439
0
답변 0
[Chart js] formatter 함수가 실행이 안됩니다 ㅠㅠㅠㅠ
options: { plugins:{ datalabels: { formatter: function(value, context) { console.log("hi"); return 'hi'; } } } }위 코드에서 무슨 짓을 해봐도 저 hi가 콘솔창에 찍히지 않는데 도대체 뭐가 문제길래 formatter 함수에 진입을 못하는걸까요? 하...ㅠㅠㅠㅠ
답변
1
개발 잘하고 싶어요
·
약 3년
295
0
답변 1
안녕하세요 chart.js 질문입니다!
안녕하세요 몇 번의 질문과 감사한 답변들과 시도를 해보았지만, 능력이 많이 부족해 아직 해결을 못해서 다시 한번 더 질문 드리고자 합니다. 현재 chart.js를 이용하여 멀티 라인 차트를 제작 중인데, 기존에 제가 알던 방법은 datasets를 여러 개 만들어 하나하나 데이터를 넣어주는 방식으로 알고 있었습니다. 하지만 데이터 개수가 많은 경우 적용하기 힘들더군요.. 그래서 반복문을 사용하여 데이터의 개수만큼 넣어보려 하는데 이것도 생각보다 쉽지 않
답변
1
신망고
·
3년 이상
583
0
답변 1
chart.js 축 라벨 일부 변경
chartjs를 사용한 그래프에 y축 데이터를 0-100으로 지정하였고,y축 라벨의 색상을 흰색으로 지정하여 안 보이게 설정하였습니다.y축 라벨 중 0만 표시되게 하고 싶고 나머지는 보이지 않게 하고싶습니다.어떻게 해야하나요........?
답변
3
hawaii
·
3년 이상
1.1k
0
답변 3
pc에서 모바일 앱 HTTP 요청 응답 확인 방법
[질문 - pc에서 모바일 앱 HTTP 요청 응답 확인 방법] - 내용 : 특정 모바일앱(예 카카오톡)에서 HTTP 요청과 응답이 오고 가는 것을 PC에서 확인 하고 싶은데요. 혹시 방법 있을까요?- 방법 : - 네트워크 스니퍼(sniffer) - Charles Proxy - Filddler - 예상되는 문제점 : - 트래픽 암호화/p
답변
0
untai
·
3년 이상
324
0
답변 0
chart.js 라인그래프 특정 포인트만 보이게
현재 데이터가 있는 부분은 포인트가 모두 보여지는데 혹시 이걸250 500 1000 2000 4000 8000 이렇게 특정 부분에서만 포인트를 표시 가능하게 가능할까요?
답변
2
bnsttf1
·
3년 이상
188
0
답변 2
chartjs에 X labels?? 설정
chartjs로 시계열그래프(Line)을 구현중인데제 데이터 배열길이가 86400입니다 그래서 labels: labels, datasets: [ { label: label data: nmData,/
답변
1
talone
·
3년 이상
599
0
답변 1
스프링 레거시 mvc ) db에 저장된 값을 그래프로 그리고 싶습니다.
안녕하세요현재 회사내에서 관련 프로젝트를 진행중에 계속 막히는 부분이 있습니다.바로 db에 저장된 값을 그래프로 그래내는 것입니다.제가 원하는 그래프 예시는 심박수 형태로 표현되는 그래프입니다.예시링크 : https
답변
1
큐브개발자
·
3년 이상
841
0
답변 1
Chart.js 질문 좀 드릴게요
클릭 시 Ajax 비동기로 데이터 배열로 받아와서 ChartJS를 이용해 그래프 뿌리는 소스 작성했는데요그래프가 있는 상태에서 다시 클릭을 하면 Canvas is already in use. Chart with ID '0' must be destroyed before the canvas can be reused라는 스크립트 오류가 뜹니다.찾아보니까 이유는 기존에 Canvas에 차트가
답변
0
강지언
·
거의 4년
793
0
답변 0
Chart js 범례 왼쪽 정렬
var ctx = document.getElementById("canvas").getContext("2d");LineChartDemo = Chart.Line(ctx, { data : lineChartDataMpv, options : { legend : { labels : { boxWidth : 0 }, ali
해결
2
강지언
·
거의 4년
1.1k
0
해결 2
chart.js로 만든 차트 x축 좌우 반전
chart.js를 이용해 차트를 그렸습니다.x축을 좌우반전 하고 싶습니다.10:00 11:00 13:00 14:00 15:00 이런 순서대로요!code class="language-javas
해결
8
강지언
·
거의 4년
1.1k
0
해결 8
ajax로 jsp에서 값을 받아 차트 만들기
jsp에 있는 값을 ajax로 controller로 넘긴 다음 리스트 형태로 만들어 gson으로 받아chart.js를 이용해 차트로 만드려고 합니다.자꾸 에러가 나는데 어디가 잘못된걸까요 ㅠ$.ajax({ url : "chartCanvas", type : "post", data : { m
이전
1
2
3
다음
Search Bar
