도면 차트 파일을 선택하기 위한 <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

Plotly.js Sunburst 차트의 상태 변경 확인

나는 선버스트 차트를 표시하기 위해 플롯리.js를 사용하는 React 앱을 가지고 있습니다. 선버스트 차트의 "확대/축소 상태"에 따라 변경되는 다른 작업/구성 요소가 있습니다. 예를 들어 완전히 축소하면 버스트 차트에 4개의 동심원이 표시됩니다. 중앙에서 두 번째 원을 클릭하면 확대되고 동심원은 3개만 표시됩니다. 클릭 핸들러를 통해 상태를 확인할 수 있다고 생각했는데 쉽지 않은 것 같습니다. 내가 관심 있는 상태는 실제로 보이는 것이 무엇인지, 어느 정도 깊이(동심원이 몇 개인지)이다. 콜백이나 상태를 반영하는...

P粉659516906 2023-08-31 20:42:38 0  1  487

VueJs 및 Apexcharts를 사용하여 여러 브러시 차트 만들기

apexcharts를 사용하여 브러시 차트를 만드는 응용 프로그램을 개발 중입니다. 그러나 예제에 표시된 것처럼 내 브러시가 하나가 아닌 여러 차트를 제어할 수 있기를 바랍니다. 콜백 함수 사용을 시작하기 전에 라이브러리를 통해 이를 달성할 수 있는 쉬운 방법이 있는지 알고 싶습니다. 예를 들어 대상 배열을 전달하는 것입니다. Brush:{target:'chart2',enabled:true}, 감사합니다. 미리,

P粉470645222 2023-08-26 20:17:05 0  1  592

PrimeReact를 사용하여 내장 차트 및 Google 차트와 통합

저는 Primereact와 React-google-charts를 사용하고 있습니다. 그러나 모두 구성 요소를 차트라고 부르도록 요구합니다. 차트를 작성할 때 오류가 발생합니다. 어떤 해결책을 따라야 합니까? (https://i.stack.imgur.com/4qGie.png) (https://i.stack.imgur.com/5dpNr.png) 컴포넌트 차트 호출을 시도했는데 VSCode에서 오류를 보고했습니다. 그런 다음 Gantt라고 부르려고하는데 나타납니다.

P粉458913655 2023-09-06 14:54:13 0  1  699

동일한 필드 값을 가진 간트 차트 요소를 한 행에 배치합니다.

아무것도 살 수 없습니다 간트차트 아래에 첨부한 사진을 봐주세요. 이미 차트에 표시되는 모든 값이 있고 심지어 결과도 두 번째 그림과 같습니다. 내 간트차트 그런데, 이것은 내가 얻고 싶은 것이 아닙니다. 이것이 의미하는 바입니다. 두 번째 그림을 보면 machine1, machine2 등의 이름이 표시됩니다. 따라서 중복되지만 동일한 machine_id를 가진 값을 그룹화하여 플롯의 동일한 행에 표시해야 합니다. 처음에는 그러한 기계가 몇 개 있는지, 각 그룹에 몇 개의 요소가 있는지 알 수 없었습니다.

P粉930448030 2024-02-21 17:14:01 0  1  476

하이차트: 스크롤바가 그리기 영역만 덮도록 만들기

다음은 highcharts 문서의 스크롤바 튜토리얼을 기반으로 한 샘플 차트에 대한 바이올린입니다: https://jsfiddle.net/zao68u2k/1/ 기본 데모에 적용한 유일한 변경 사항은 다음을 통해 마스크를 제거하는 것이었습니다: scrollablePlotArea:{ opacity:1,}이제 마스크가 사라졌으므로 스크롤 막대가 차트의 전체 너비를 차지하는 것은 의미가 없습니다. 그림에서 시뮬레이션한 것처럼 축을 포함하지 않고 플롯 자체의 너비만 되도록 스크롤 막대를 줄이고 싶습니다. 가능합니까?

P粉692052513 2023-09-16 11:04:01 0  1  1045

javascript - Chart.js 플러그인(차트 플러그인)에서 세로 막대형 차트를 가로로 표시하는 방법입니다.

많은 차트가 포함된 웹사이트를 구축해야 합니다. 더 간단하고 사용하기 쉬운 플러그인이 있습니까? Chart.js와 같은 페이드아웃 애니메이션이 있는 것이 가장 좋습니다 =￣Ω￣= Chart.js 문서를 살펴봤지만 세로 막대형 차트를 가로로 표시하는 방법을 찾을 수 없는 것 같습니다. 멍청한 놈이고 알아낼 수 없습니다 - -) 또한 제가 작성해야 할 차트는 다음과 같습니다.

我想大声告诉你 2017-05-16 13:33:06 0  3  846

javascript - echarts에서 지도 이주 항공기를 그리는 방법은 무엇입니까? ?

위 그림에 보이는 팔네패스는 어떻게 얻나요? ? 비행기가 어떻게 그려졌는지 잘 모르겠습니다. . , 자세히 설명해 주실 수 있나요? 감사합니다.

某草草 2017-05-19 10:10:43 0  2  738

javascript - Baidu echarts 차트를 수정하는 방법

통계 분석을 위해 echarts 차트의 꺾은선형 차트를 사용합니다. 동일한 데이터를 찾았는데 선이 교차하지 않습니다. 무엇이 문제인가요? 신에게 조언을 구한다고요? 그림에서 볼 수 있듯이 토요일의 데이터는 모두 330개입니다. 하지만 다섯 줄은 교차하지 않습니다. &lt;script src="/Public/Admin/echarts/dist/echarts.js"&gt;&lt...

ringa_lee 2017-07-05 11:08:59 0  3  1383

javascript - CANVAS에서 그려진 그래픽을 결정하는 방법

캔버스에 그리는 내용을 어떻게 판단합니까? 예를 들어 선을 사용하여 하트나 V를 그립니다. . 하트인지 V인지 어떻게 판단하나요? . 그리고 두 사람의 그림 사이의 유사성을 판단합니다. 조건은 여러 스트로크가 아닌 한 스트로크일 수 있습니다.

PHP中文网 2017-05-16 13:27:54 0  2  677

d3가 자동으로 양방향 바인딩을 수행할 수 있나요?

D3로 그린 차트를 두 방향으로 자동 바인딩할 수 있나요? 데이터 수정 및 자동으로 차트 다시 렌더링

高洛峰 2017-07-05 10:38:56 0  1  899

차트 JS를 사용하여 세로 막대 차트에서 y 축 값을 설정하는 방법

이 수직 막대 차트에서 y축은 양수 값과 음수 값을 갖습니다. 0 값을 기준으로 양의 정수를 위아래로 사용하고 싶습니다. 버전 4.2.1을 사용하고 있습니다. 어떻게 해야 합니까? 세로 차트 예 varMONTHS=["1월","2월","3월","4월","5월","6월","7월","

P粉729436537 2023-08-29 10:38:36 0  1  655

사용자 입력 PHP를 기반으로 동적으로 차트 생성

<?php// 사용자가 입력한 데이터 가져오기 $data = $_POST['data'];// 사용자가 입력한 데이터를 처리하고 그리기에 필요한 매개변수 생성 $chartData = processData($data);$chartTitle = generateTitle( $data);//차트 그리기 drawChart($chartData, $chartTitle);/** * 사용자 입력 처리

P粉899265467 2024-01-21 12:52:08 0  0  345

javascript - 캔버스 디자인 마우스 그리기 기능은 한 번의 스트로크로 여러 개의 평행한 색상 선을 그립니다.

1. 한 번에 여러 개의 평행한 색상 선을 그릴 수 있는 캔버스 디자인 마우스 그리기 기능 2. 마우스 이벤트에 oCg.beginPath() 그리기를 추가하려고 시도했지만 이벤트가 덮어쓰여졌습니다. 3. 같은 방법으로 복제 캔버스를 추가하지만 캔버스가 가려집니다.

PHP中文网 2017-06-13 09:24:08 0  1  1293

Vue에서 Chart.js를 사용하여 차트를 업데이트할 때 "잡히지 않은(약속 중) RangeError: 최대 호출 스택 크기가 초과되었습니다."

Mounted()에서 차트 개체를 생성하고 data()에서 선언된 "myChart" 변수에 할당했습니다. 왜냐하면 이 차트 개체를 코드의 다른 범위에서 사용할 수 있기를 원했기 때문입니다. Mounted는 메소드에 전달됩니다. this.myChart.update()를 호출하면 "Uncaught (in promise) RangeError: Maximum call stack size received"라는 오류가 발생합니다. 이 오류가 발생하는 이유와 해결 방법을 아는 사람이 있습니까? 아니면 다른 방...

P粉595605759 2024-01-04 18:52:33 0  1  705

여러 메타 태그를 작성하기 위한 JavaScript의 올바른 사용

안녕하세요 JS로 그림을 그리고 있습니다. 내 코드에 대해 이야기하고 싶습니다. 올바르게 작성하는 방법은 무엇입니까? functionimpScript(scriptURL){letheadTitle=document.querySelector('head'); letsetProperty=document.createElement('script'); setProperty.setAttribute('ref', scriptURL);

P粉432906880 2023-08-01 14:50:44 0  1  570

javascript - 반투명 모자이크를 그릴 수 있도록 캔버스를 도와주세요.

내 요구 사항은 사용자가 업로드된 문서를 모자이크하기 위해 마우스를 사용할 수 있도록 하는 것입니다. 내 아이디어는 마우스 이벤트를 캔버스에 바인딩하고 사용자의 마우스 누르기 경로를 따라 문서에 반투명 PNG를 그리는 것입니다. PNG 오버레이, 캔버스를 사용하여 마르세유를 직접 생성하고 싶습니다...

仅有的幸福 2017-06-07 09:24:40 0  1  921

차트에 표시할 데이터를 설정하려고 할 때 React .map이 작동하지 않습니다.

API의 데이터를 차트에 표시하고 싶은데 방법을 알고 있는데 .map 함수를 사용할 때 오류가 발생합니다. 내 응답이 "prices":[[1689598842536,30208.47],[1689602431443,30274.72]와 같으므로 액세스할 수 있도록 가격[0]과 가격[1]을 분리하고 싶습니다. 함수: constparams=useParams()const[

P粉277464743 2023-08-17 11:56:29 0  1  561

javascript - 캔버스 그리기 모자이크 문제에 대한 도움말, 색상 선택이 항상 정확하지 않습니다.

마우스로 그릴때는 현재 마우스 영역의 색상 값을 취해서 브러쉬 색상을 설정하는데, 색상 선택이 항상 많이 다른데 뭔가 문제가 있는 건지 모르겠습니다. 내 계산을 도와주세요! {암호...}

三叔 2017-06-08 11:03:00 0  2  931

WebGL은 인덱스 255를 사용한 인덱스 그리기를 지원하지 않습니다.

이것은 uint8 값 255만으로 인덱스 버퍼를 생성하는 가장 간단한 WebGL 테스트 프로그램입니다. 64px 크기의 빨간색 정사각형을 그려야 하지만 그렇지 않습니다(인덱스 값은 그리기에 중요하지 않습니다). 어쨌든 WebGL은 부호 없는 바이트 범위에 있더라도 인덱스 255의 요소를 무시합니다. 254 또는 다른 값을 사용하면 빨간색 사각형이 예상대로 나타납니다. 이것은 WebGL의 버그입니까, 아니면 예상되는 동작입니까? 관련 정보를 찾을 수 없습니다. letcanvas=document.query

P粉265724930 2023-08-17 12:37:59 0  1  491