• 블로그
  • 태그
개발자 블로그

linechart

온라인 맵 nvd3에 모든 탭을 표시합니다.js?

저는 nvd3와 합작합니다.js는 계기판에 선그림을 표시합니다.문제는 도표가 작은 위치를 차지하기 때문에 모든 라벨을 표시하지 않았다. 예를 들어 나는 일주일의 모든 날을xaxis에 표시하고 싶지만 내 도표에는 월요일, 수요일, 금요일만 있다.도표가 페이지의 모든 폭을 차지할 때, 모든 날짜가 표시되지만, 나는 대시보드에서 도표를 사용하는데, 이것은 작은 위치를 차지한다.써볼게요. 결과가 없...

nvd3.jslinechartjavascriptd3.js

Chartjs - x축 라벨의 마지막 7일을 어떻게 얻습니까?

나는 나의 접선도 (chartjs 사용) 의 x축에서 마지막 7일을 가져오려고 시도하고 있다.가장 좋은 방법은 무엇입니까? 감사 지난 7일간의 차트를 다음 코드로 인스턴스화할 수 있습니다. 값이 설정된 달에 대해 유효하지 않기 때문에 날짜 알고리즘이 유효합니다.x(또는 t) 및 y 속성 의 값을 입력해야 합니다....

javascriptjquerychart.jstimelinechart

런타임 시 선형 차트에 NAN 데이터 값 표시

저는 접선도를 사용하여 도형을 만들고 있는데 그 작업은 정상적이지만 도형에 문제가 있습니다.하나의 값이 낸을 표시한다.나는 왜 이러는지 모르겠다.나의 데이터는 완전히 json 형식이다. Here is my Ajax code: Output my data contains: 문제는 7월 필드에서 총 34인데 그래프에서 낸으로 나온다는 점이다. Graph Generating Function: HTM...

nanjavascriptajaxlinechart

D3 선형 차트가 마우스를 롤오버할 때 반환되는 값이 잘못되었습니다.

저는 이번 연도와 비교 연도/지난 호의 접선도를 가지고 있습니다.현재 년도와 비교 년도의 현재 눈금 값을 표시할 수 있는 도구 알림을 표시하고 싶습니다.그러나, 되돌아오는 총액이 y축의 값과 일치하지 않는다는 것을 알았습니다. 에 발생한 상황은 다음과 같다. 선택한 마우스 덮개는 d3.selectAll(".xAxis > .tick") 이름을 event 대신 d로 지정하면 혼동이 발생 마우스 ...

tooltipjavascriptd3.jslinechartdata-visualization

어떻게 D3 보조개 중의 서로 다른 선과 선 계열에 서로 다른 색깔을 정확하게 분배합니까?

저는 다음과 같은 데이터 집합을 가지고 있습니다... 나는 아래의 보조개 함수를 가지고 있는데, 그것은 두 개의 선을 그리려고 한다. 하나는 '단위 매출액' 속성이고, 다른 하나는 '수입' 속성이다. 잠시 후 호출 함수를 사용합니다... 위의 코드에서 보실 수 있습니다. 데이터 중의 두 개의 단독 필드를 두 줄로 그리기를 원합니다.나는 이 점을 각각 호출하기 위해 두 개의 단독 시리즈를 만들...

linecharttime-seriesdimple.jsd3.jsjavascript

모리스 그래프 일일 맞춤형 문제

저는 모리스 접선도를 사용했습니다. 저는 도표에 7일간의 고객 등록 상황을 표시하고 싶었지만 월요일과 화요일에는 제 도표에 나타나지 않았습니다.저에게 이 문제를 어떻게 해결하는지 알려주세요. 나는 이 도표로 근무일을 표시하고 싶다. 우선 일요일getDay()은 0부터 시작하므로 일명 수조도 일치하도록 해야 합니다. 실제 문제는 탭을 일정한 각도로 표시하도록 설정했고, 왼쪽의 실제 공간이 탭을...

linechartmorris.jsjqueryweekdayjavascript

스태킹 선형 차트가 작동하지 않는 이벤트 클릭

나는 중첩 면적을 가진 접선도를 설계하고 있다.도표를 누르면 도표 방법getElementsAtEvent()이 빈 그룹을 되돌려줍니다. 클릭 이벤트 함수에서 x축 데이터 포인트가 필요합니다. 다음은 차트 구성(가상 데이터 세트)과 onclick 이벤트 세부 정보입니다. 이것은 완전한 데이터 집합 을 가진 입니다. 만약에 제가 당신의 요구를 정확하게 이해했다면 이것은 당신에게 적합할 것입니다. ...

linechartjavascriptchart.js

왜 나의 선그림이chartjs에서 후퇴합니까?

나는 게시물과 게시물이 발표된 시간에 비슷한 숫자의 도표를 그리려고 했다.어떤 이유 때문에, 점이 가까워지면, 그것은 미치게 변할 것이다.왜 그런지 알아요? 나는 줄곧 약간의 보폭과 x축의 동적 스트레칭을 가지고 놀았지만 소용이 없었다. 다음은 모양새입니다. (나는 사진을 올릴 충분한 명성이 없다) 나는 이 선이 가장 가까운 오른쪽에 연결될 것이라고 예상하지만, 실제로는 도표를 돌며 날아갈 ...

javascriptchart.jslinechart

Highcharts에서 부족한 데이터 시리즈를 어떻게 보여 주고 x축의 날짜를 복구합니까?

나는 Highcharts 라이브러리를 사용하여 아래와 같은 접선도를 다시 만들려고 시도하고 있다.나는 어떻게 해야 x-axis에 그림과 같은 방식으로 날짜를 표시할 수 있는지 모르겠다. 그리고 왜 나의 세 번째 데이터 시리즈가 표시할 수 없는지? 이것은 나의 비밀번호이다. 데이터를 수조 수조로 변경해야 합니다. 그 중에서 끼워 넣은 수조는 x 날짜 형식을 포함하고 다음과 같습니다. [[ x ...

highchartslinechartjquerydata-visualizationjavascript

왜 나의 D3 도표의 선이 반전됩니까?

나는 생성된 데이터를 사용하여 d3로 접선도를 그렸다. 아래에서 보신 이 선은 평균 9분을 나타냅니다. 이 선은 도표의 끝에서 반전된 다음에 자신을 되돌린 다음에 도표의 중간에서 멈춘다.나의 문제는 이 선이 마지막에 자신을 말아서는 안 된다는 것이다. 나는 그것이 왜 이렇게 하는지 모르겠다. 2021-5-13-02-00의 데이터가 반전을 초래한 것을 볼 수 있지만 2021-5-13-02-00...

chartsjavascriptlinechartd3.js

범례 항목에 포커스가 있는 경우 선 및 점이 Google 폴리라인-Google Visualization API에 표시될 때 십자선 커서를 억제합니다.

십자 커서는 구글 그래프의 아름다운 기능이지만 각 점을 강조하는 접선도에서 십자 커서(pointSize를 선폭보다 약간 큰 것으로 설정함)를 사용하면 십자 커서가 불쾌한 짓을 할 수 있다. 사용자가 마우스를 해당 도례 항목에 걸면이 도형 추적 중의 모든 데이터 점에 십자선이 나타납니다!만약 이 추적에 수백 개의 데이터 포인트가 있다면, 수백 개의 십자선이 동시에 나타나면 보기 흉한 혼란을 초...

chartslinechartvisualizationgoogle-visualizationjavascript

D3 선형 차트가 오버플로우될 때 동일한 확인 표시가 서로 다른 값을 제공합니다.

정확한 시간점(x축)에서 선 값을 얻으려고 했지만 같은 기호가 나에게 준 값이 다르다. 이것은 내가 어느 쪽에서 멈추느냐에 달려 있다. 만약에 왼쪽에서 색인을 표시한다면[123]:10586174곳의 현재 데이터를 표시하고 오른쪽에서 멈추면 색인[124]:10586174곳의 현재 데이터를 표시한다.이것은 단지 픽셀 차이일 뿐이다. 왜냐하면 선의 획 너비는 3px에 불과하지만 값이 다르기 때문이...

javascriptdata-visualizationlinechartd3.js

구글 재질 접선도의 축 시작점을 0으로 설정하는 방법

제가 해봤어요. , 와 다른 몇 편의 문장을 나는 운이 좋게 본 적이 없다.Y축을 시작점 0으로 설정하는 방법을 아시는 분?만약 필요하다면, 나는 더 많은 정보를 제공할 수 있다.또 다른 문제는 클릭할 때 한 줄을 앞으로 가져갈 수 있느냐는 것이다.예를 들어 현재 트렌드 라인을 클릭하면 굵어지지만 데이터 포인트가 표시되지 않습니다. 내 코드가 있는 JSFIDLE 링크가 있습니다. 가방에 따라...

chartsjavascriptgoogle-visualizationlinechart

D3 다중 축 막대 및 선형 차트

나는 D3 줄무늬 그림을 만들고 있는데 겹치는 접선도가 필요하다.나는 접선을 그리기가 매우 어렵다. 최종 차트는 다음과 같습니다. 여기는 현재 진행 중인 JSFIDLE 작업입니다. 이것은 내가 문제에 부딪힌 접선도의 코드다.그냥 어떻게 해야 할지 모르겠어요. 그림과 같이 폴리라인을 표시하는 데 도움을 주셔서 감사합니다. 감사합니다! 먼저 라인 함수를 만들어야 합니다. 다음 단계는 당신의 대사...

chartslinechartbar-chartd3.jsjavascript

채움 색상이 있는 폴리라인에 끊기 영역을 추가하는 방법

영역이 중단된 폴리라인을 단일 데이터 세트에 표시해야 합니다. 단일 데이터 세트에서 영역은 다른 채우기 색상으로 분할됩니다.그림과 같다. 아래의 는 Y축의 값'0'에 따라 단일한 색으로만 변화하는 를 개편한 부분이다. 이 버전은 x축에서 작업하고 탭 값의 그룹 ((ranges 을 시작점과 끝점으로 하여 그래디언트 정지를 설정합니다....

chartslinechartchartist.jsjavascriptchart.js

중첩 데이터 태그 선형 차트 높이도

값(데이터 레이블) 문제 해결 방법 아래? 내 친구: 감사합니다!!! 도구 설명에 이것만 추가하면 어떻게 해야 하는지 알 수 있습니다. 툴팁: 스타일: 채우기:20, fontWeight: 굵게, fontSize:'30px',...

overlapjavascripthighchartslinechart

절선도 d3 js-x축 월

나는 y역을 비추다가 문제가 생겼다.기본적으로 이api가 어떻게 일을 해야 하는지 이해합니다.나는 날짜나 수치 x축을 해석하는 예를 많이 찾았지만, 달을 정확하게 해석할 수 없을 것 같다. 나는 이미 이 코드로 매우 오랫동안 조정했는데, 나는 심지어 내가 무엇을 보고 있는지도 모른다. 날짜/시간축 함수가 귀하에게 적용되지 않는 이유는 귀하의 월 데이터가 실제적으로 날짜/시간 값으로 저장되지 ...

linechartsvgjavascriptd3.jscss

프로세서를 선택하여 Google 차트에 링크 추가하기

나는 선택 처리 프로그램을 통해 구글 접선도에서 링크를 열려고 했다.몇몇 원인 때문에, 내 그래프가 렌더링을 멈추었습니다. 왜 그런지 모르겠습니다. (자바스크립트 초보자...) 이것은 나의 html에 코드를 불러오는 곳이다. 이것은 내 코드입니다. 이것은 작용하지 않는 부분이다.이것은 데이터 테이블의 숫자를 가져와야 합니다. 이것은 링크의 일부분이며, 이를 나의 URL에 추가해야 합니다. 이...

chartslinechartselectiongoogle-visualizationjavascript

JS 코드가 실행되지 않았습니다.

primefaces 그래프 구성 요소에서 그래프를 내보내기 위해 JS 스크립트를 호출하려고 합니다. 문제는 base64str 변수가null인 것 같고, 이 값을 채우는 스크립트가 호출되지 않았기 때문입니다. xhtml 코드: 컨트롤러: } 감사 는 onclick 속성을 onstart로 변경했습니다. JS 함수를 호출해야 합니다. 편집자 그 밖에 함수에 정의img와chart도 필요하다....

primefacesjavascriptlinechart

d3에 나타나지 않은 줄입니다.js 선형도 (축만 볼 수 있음)

d3에 접선도를 만들려고 합니다.하지만 내 도끼만 나타났다;이 선은 표시되지 않았다. 유효한 물건내 축은 2로 정확하게 표시되어 있다.Chrome의 페이지 요소를 보면 선의 x 및 y 속성이 "보통"인 것처럼 보입니다(즉, 좌표 데이터는 선에 대해 정의된/"NaN"값이 아님).내 행과 연관된 속성(Javascript 코드의 끝)에 문제가 있다고 생각합니다. 어떤 원인이 이런 상황이 발생할 수...

linegraphjavascriptlinechartd3.js

어떻게 구글 접선도에서 선을 클릭합니까

클릭 가능한 라인이 있는 구글 접선도를 만들고 싶은데 데이터 포인트만 클릭할 수 있는 것 같아요.데이터 점 사이의 선을 클릭할 수 있습니까? 구성 옵션 사용focusTarget: 'category'선을 클릭하면 가장 가까운 점이 선택됩니다. 비록 현재 브라우저에서 마우스 포인트를 눌러야 하지만, 그것이 나로 하여금 클릭하게 하기 전에, 선 위쪽은 약 2배이다. 하지만 focusTarget: ...

linechartlinegraphgoogle-visualizationclickablejavascript

구글 클래식 접선도 상부 공간

저는 제 프로젝트에서 사용하고 있습니다 .나는 최고치와 맨 위 칸 사이에 약간의 빈칸을 추가해야 한다. 나는 그것을 구글 사이트처럼 보이게 해서 통계를 단축시키고 싶다. 나는 두 개의 그림을 연결했는데 첫 번째는 나의 프로젝트의 현재 상태 캡처이고 두 번째는 구글 사이트 줄임말 통계 캡처이다.내가 뭘 필요로 하는지 이해해줬으면 좋겠어. . 나는 최고치와 맨 위 칸 사이에 약간의 공간을 남겨야...

linechartsjavascriptlinechart

D3.js 선형 차트 - 날짜를 사용하여 x축 제어하기

D3.js로 접선도를 만들었는데 X축을 완전히 제어하는 방법을 모르는 것 같습니다. 너는 나의 예를 볼 수 있다. 나는 이미 x축의 적답수를 3일로 설정했다. 나는 31일의 범위를 가진 그룹이 있는데, 이것은 x축의 한쪽 끝에 하루를 표시하고 3일마다 뛰어야 한다.그러나 일부 원인으로 인해 a축이 이달의 첫 번째 축을 통과할 때 2015-08-31과 2015-09-01을 동시에 표시하고 예상...

chartsjavascriptlinechartd3.js

JSON 파일에서 작성된 여러 개의 선형 그래프 HTML 만들기

저는 자바스크립트 초보입니다. 용서해 주세요.나는 시간당 한 번씩 업데이트되는 접선도 (4줄) 를 만들어 보았다.이 정보는 JSON 파일에서 찾을 수 있지만, 어떻게 작성해야 할지 모르겠습니다.이전에 나는 data.addColumn()와 data.addRows()를 사용해 보았지만 JSON 파일을 연결하는 방법을 찾지 못했다.가령 네가 예를 들고자 한다면, 네 가지 다른 상품의 매출액을 보여...

chartsgoogle-visualizationjsonjavascriptlinechart

실시간 데이터 흐름의 React 네이티브 차트?

이 글은 문제라기보다는 문제다.그러니 언제든지 말씀해 주십시오. 만약 이것이 적당한 곳이 아니라면. 나는 현재 react native를 사용하고 있으며, 내 프로그램은 -0에서 1 사이의 값에 대한 실시간 데이터를 수신하고 있다.이 데이터들은 접선도로 표시해야 하는데, 이것은 기본적으로 내가 무엇을 원하는지 설명한다. 문제는 react native 중 실시간 데이터를 표시하기에 가장 적합한 ...

chartslinechartreact-natived3.jsjavascript

gRaphael 선형도 그리기 축 이외의 값

x축을 따라 밀리초를 사용하여 도형이 있는 접선도를 그릴 때 나는 보통 데이터 점의 위치가 일치하지 않는 것을 발견할 수 있다.가장 흔히 볼 수 있는 것은 초기 데이터 포인트가 y축의 왼쪽에 위치하고 (아래 그림과 같이) 때로는 마지막 데이터 포인트가 보기 상자의 오른쪽/x축의 끝점을 초과할 수도 있다. 누가 알겠는가: 1) 왜 이러는지, 2) 예방 및/또는 3) 어떻게 검사하는지 (언제 발...

graphaeljavascriptlinechart

구글 그래프 API 선형 차트 - 중지 시 여러 값은 어떻게 표시됩니까?

구글의 접선도를 사용할 때 마우스를 어느 점에 걸면 그 점에 대한 정보를 준다.예를 들어, 한 점이 x:3, y:50에 있고 Y축이 인치라고 하는 경우 마우스를 해당 점에 걸면 다음과 같이 보입니다. 내가 데이터를 얻었을 때, 각 점마다 추가 값이 저장되었다.그래서 나의 수조는 다음과 같다. [[3, 50, 20], [4, 52, 22], [5, 54, 24]] 내가 멈출 때 나는 그것이 이...

chartsjavascriptgoogle-visualizationlinechart

구글 가시화 접선도 - 여러 줄

나는 접선도를 하나 가지고 있는데 h축은 날짜이고 v축은 두 축이다. 두 줄을 표시해야 합니다. 도표에 데이터를 표시하려면 이 두 줄을 조합해서 결과를 ARrayToDataTable에 전달해야 합니다. 상술한 원인으로 인해 나는 선상의 간극을 얻었다.나는 어떻게 이 문제를 해결합니까?줄마다 하나씩 두 개의 개별 그룹을 통과할 수 있습니까?내가 발견한 모든 예는 그것들을 combine표로 통합...

google-visualizationchartsjavascriptlinechart

chart.js 3의 스트라이프와 접선도 맨 위에 데이터 값을 표시하는 방법

chartjs3에 도표 데이터를 표시할 수 있는지 알고 싶습니다.나는 Chartjs2에 이런 물건이 있다는 것을 알고 있지만, 그것이 3 에서 가능한지 모르겠다 그게 니 요구라면 플러그 인이 필요할 수 있습니다.이것은 vue chartjs와 함께 사용됩니다. 이 플러그인을 전역적으로 실행하고 싶지 않으면Chart.defaults.global.plugins.datalabels.display =...

vue-chartjslinechartbar-chartjavascriptchart.js
다음 페이지

© 2022 digitalpythons.com

Privacy Policy Contact US Sitemap
🍪 This website uses cookies to ensure you get the best experience on our website. Learn more