Jquery 외환 차트
App Store를 통해 가져 오기 우리의 응용 프로그램 에서이 게시물을 읽으십시오!
주식 분석 애플리케이션 차트.
주식 분석 응용 프로그램을 만들려고하는데 차트 종류가 3 가지입니다.
현재 나는 JQuery & amp; amp; Google 차트 및 u가 꽤 멋진 아래에서 볼 수 있습니다 :
그러나 지금, 나는이 차트들에 주석을 달았습니다. StackOverflow에 다른 질문을 올려서 Google 차트에 주석을 달 수 있는지 묻습니다.
그러나 여기에, 내가 차트의 이러한 3 가지 유형을 지원하고 (주석을 그릴 수있는 위치에 모양을 그릴) 사용할 수있는 다른 차트가 있는지 묻습니다.
제발 도와주세요 :( 나는 이것을 일주일에 배달해야합니다!
나는 HighCharts를 정말로 추천 할 것이다. 상업 프로젝트에서 사용하는 경우 오픈 소스 프로젝트 버에는 라이센스가 필요합니다. 그들은 심지어 HighStock라고 불리는 스타킹 차트 전용 라이브러리를 가지고 있습니다.
무료 도서관을 원한다면 Flot을 추천합니다. 그러나 HighCharts와 같이 다양한 차트 유형은 제공되지 않습니다.
jQPlot을 사용할 수 있다고 생각합니다.
서버 측 언어를 사용하는 경우 이미지를 그리고 드로잉 할 수있는 라이브러리가 많이 있으며 물론 차트가 될 수 있습니다. 차트를 그리기위한 라이브러리도 있습니다.
그러나 여기에 몇 가지 정말 좋은 JavaScript 차트 솔루션이 있습니다.
HighCharts jQuery를 기반으로 한 비상업적 인 사용을위한 무료 라이센스를 제공합니다.
GRaphael MIT 라이센스는 유명한 Lraphael 라이브러리를 기반으로합니다.
플롯 상호 작용은 적지 만 무료입니다.
JSCharts 비 자유형 대안.
JS에 대한 좋은 점은 상호 작용할 수 있다는 것입니다.
Jquery 외환 차트
App Store를 통해 가져 오기 우리의 응용 프로그램 에서이 게시물을 읽으십시오!
jquery Flot Chart - 주말 datetimes를 숨기는 방법 - Forex 차트?
X 축에서 주말 시간을 숨기려면 어떻게해야합니까? 이 타임 라인은 금요일 23시 59 분부터 월요일 00 시까 지, 즉 모든 주말을 건너 뛸 수 있습니다.
저는 금요일 저녁과 월요일 아침 사이의 모든 타임 스탬프를 이미 건너 뛰었습니다. 그러나 주말에는 일정한 활동이있는 것처럼 여전히 데이터를 보여줍니다.
이는 xaxis의 변형 속성을 사용하여 가능해야합니다 (여기 설명서 참조). 나는 여기에 간단한 사건을 보여주는 바이올린을 만들었다. 그러나 시계열에 대해서는 좀 더 할 일이 있습니다.
나는 이것을 출발점으로 남겨두고 시간이있을 때 돌아와서 그것을 확장 할 것이다. 관련 코드 :
이것은 datetimes 대신 contiguous ordinal #s를 사용함으로써 해결됩니다.
X에 ordinal - s를 사용하고 실제 X 축 레이블 값을 표시하기 위해 ordinal - s를 X에 사용하고 다른 레이블에 대한 간접 참조를 사용합니다.
예, 간단합니다.
시장 개방 시간은 원칙적으로 연속적이거나 결정적 / 예측 가능하지 않습니다. 조건 (및 그 변경)은 정기적 인 은행 및 / 또는 지역 공휴일 외에도 일부 극한 조건 (일반적으로 매우 극단적 인 상황)에서 일부 특정 거래 수단에 대해서만 행정 필수 ad-hoc (반응) 시장 마감이 있습니다 ) 시장 조건) 그 외 여러분.
따라서 아무도 사전에 알지 못합니다.
하나는 단순히 X 축에 대해 순수 서수 이외의 다른 숫자를 사용하지 않아야하고 순수하고 연속적인 숫자 시퀀스 (서수)를 가져와 "허용 가능한"시간 간격 all의 모든 개별 단위를 열거합니다 (일, 시간 (FIX 프로토콜 API 사양 참조) 또는 FX HFT 거래 인터페이스의 최고 속도 일지라도 TimeDOMAIN에 이산 값이 있으므로 서수가 열거 할 수 있습니다.
데이터가 서수 순서 색인을 사용하는 현실을 반영하고 나면 다음 단계는 PriceDOMAIN 데이터 시리즈의 서수 번호 색인으로 다시 한 번 더 세리를 추가하는 것입니다. 이제는 적절한 TimeDOMAIN을 포함합니다. (사람이 읽을 수있는) 값이 X 축 GUI 디스플레이 시각화에 표시됩니다.
이것은 초기부터 GUI 디자인에서 사실상 표준이었으며, 개념의 단순성 ( "허용 가능한"값의 서수 순서로 나열된 시퀀스)과 우려 사항의 분리 모두에 확실히 그대로 남아 있습니다.
matplotlib 및 기타 많은 그래프 패키지는 수십 년 동안 이것을 사용하므로 더 새로운 그래프 도구가 사용됩니다.
jQuery 차트 & # 038; 간단한 API 그래프.
CanvasJS jQuery Charting Plugin을 사용하면 대화 형 & # 038; 단 몇 줄의 코드만으로 반응 형 그래프를 웹 페이지에 표시 할 수 있습니다. 또한 Bootstrap 및 기타 널리 사용되는 JavaScript 프레임 워크와 쉽게 통합됩니다. 동적 업데이트, 확대 / 축소, 이동, 이미지 내보내기 등과 같은 기능을 포함한 독립형 버전의 모든 기능에 액세스 할 수 있습니다. 라이브러리는 Line, Bar, Pie 등 30 가지 차트 유형을 지원합니다. jQuery를 광범위하게 사용하는 사람 , 당신은이 플러그인으로 집에서 바로 느껴야합니다. 차트는 또한 뛰어난 성능을 제공하므로 지연없이 수십만 개의 데이터 포인트를 그릴 수 있습니다.
선형 차트.
선, 스플라인 및 단계 선 차트가 포함됩니다.
영역 차트.
스플라인 영역, 스택 영역, 스택 영역 100, 스텝 영역, 범위 영역 및 범위 스플라인 영역 차트가 포함됩니다.
기둥 및 막 대형 차트.
스택 된 열, 스택 된 열 100 %, 범위 열, 스택 된 막대, 누적 막대 100 %, 범위 막대 및 폭포 형 차트가 포함됩니다.
원형 및 깔때기 형 차트.
파이, 도넛 / 도넛, 깔때기 및 피라미드 차트가 포함되어 있습니다.
금융 차트.
촛대 및 OHLC 차트가 포함되어 있습니다.
분산 형 및 거품 형 차트.
분산 형 및 거품 형 차트가 포함되어 있습니다.
박스와 수염 차트.
Box Plot Chart라고도하는 상자 및 수염 모양 차트가 들어 있습니다.
차트의 조합.
오류 막대, 오류 막대, 오류 선, 파레토 차트 및 기타 많은 차트 막대, 선, 면적, OHLC 등이 포함됩니다.
동적 차트.
실시간 또는 라이브 차트라고도하는 다이나믹 차트가 포함되어 있습니다.
50 차트 및 그래프 용 JavaScript 라이브러리.
어떻게 JavaScript로 데이터를 시각화하고 있습니까? JavaScript로 차트와 그래프를 만드는 데 가장 좋아하는 라이브러리는 무엇입니까?
필자는 오픈 소스 방식, 단순성, 예제 및 훌륭한 기능으로 jqPlot에 대한 오랜 팬이었습니다. 성능이 뛰어나고 많은 기업에서 사용하며 jQuery 위에 구축됩니다. 그러나 최근에는 D3이 내 눈을 사로 잡았습니다. 실제로 JavaScript, HTML, SVG 및 CSS를 사용하여 실제로 데이터를 가져옵니다. 또한 오픈 소스이며 jQuery에 의존하지 않고 많은 예제를 제공하며 D3에 기반한 차트 라이브러리도 있습니다. 다른 큰 플레이어는 HighCharts이며 JSFiddle에서보고 편집 할 수있는 모든 데모가있는 순수한 JavaScript로 작성되었으며 강력한 기능도 있습니다. 이 세 가지를 제외하고 고려할 가치가있는 더 유용한 JavaScript 차트 라이브러리가 많이 있습니다. 다음은 도표와 그래프를 만들기위한 상위 50 개 JS 라이브러리 목록입니다.
FusionCharts & # 8211; 그들은 스스로 엔터프라이즈 급 자바 스크립트 차트 구성 요소라고 부르고 내가 생각하기에 충분한 이유가 있습니다. 그들은 아마도 가장 잘보고 있으며 장치와 브라우저 (VML을 사용하는 IE 6, 7 및 8 포함)에서 작동하는 90 개의 차트 유형을 보유하고있을 것입니다. 그들은 많은 비즈니스 대시 보드 예제, 광범위한 문서 및 베스트 프랙티스 차트 작성에 대한 좋은 기사를 가지고 있습니다. 그들은 또한 jQuery 플러그인을 가지고있다. FusionCharts는 10 년 전부터 시작되었으며 (시작 여행에 관한 책도 있습니다) 21,000 명의 고객 (LinkedIn, World Bank, White House, Oracle 등)이 있다고 주장합니다.
D3 & # 8211; 정말 놀랍습니다. 나는 그것을 좋아합니다 & # 8217; 문서는 매우 광범위하며 소스 코드는 GitHub에서 호스팅되며 예제는 끝이 없습니다. Tributary라고하는 D3 프로토 타입 도구가 여러 가지 훌륭한 예가 있습니다. Xcharts, nvd3, Rickshaw, Cubism. js, dc. js 및 xkcd는 모두 D3을 기반으로하므로 매우 유용합니다. 놀라운 사용자 지정 데이터 시각화를 작성하는 경우에는 D3을 선택해야합니다. 그렇지 않으면 위의 d3 기반 라이브러리가보다 간단한 직접 그래프에 적합합니다. 마지막으로 D3의 스콧 머레이 (Scott Murray)의 무료 책 "Interactive Data Visualization for the Web"과 "Dashing D3 tutorials"를 살펴 보시기 바랍니다.
HighCharts & # 8211; 매우 강력합니다. JSFiddle 예제와 강력한 기능을 좋아합니다. 라이센스 비용은 들지 않지만 훌륭한 고객 (IBM, NASA, MasterCard 등)이 있습니다. 그들은 또한 IE8과 역 호환성을 가지고있다.
jqPlot & # 8211; 이미 jQuery를 사용하고 있고 HighCharts 비용을 지불하고 싶지 않고 간단한 사용 사례에 D3이 너무 많은 경우 jqPlot이 훌륭한 선택입니다.
dygraphs & # 8211; 인터랙티브하고 확대 가능한 시계열 차트를 생성하는 오픈 소스 자바 스크립트 라이브러리. 대용량 데이터 세트에 정말 좋습니다.
Protovis & # 8211; 현재 D3에서 작업중인 동일한 팀이 만든 무료 오픈 소스입니다. D3와 Protovis를 비교하고 싶다면이 stackoveflow 페이지를 확인하십시오.
플롯 차트 & # 8211; jqPlot과 비슷하게 Flot은 간단한 사용법, 매력적인 외모 및 상호 작용 기능에 중점을 둔 jQuery 용 순수 JavaScript 플롯 라이브러리입니다. Flot을 jqPlot과 비교하는 데 관심이 있다면, 이 스레드는 좋은 정보를 가지고 있습니다.
Google Chart Tools & # 8211; 강력하고 무료이며 사용이 간편하며 단순한 선형 차트에서부터 복잡한 계층 적 트리 맵에 이르기까지 모든 것이 있습니다. 차트 갤리는 잘 설계된 많은 차트 유형을 제공합니다.
dc. js & # 8211; 네이티브 크로스 필터 지원 기능을 갖춘 D3 기반의 자바 스크립트 차트 라이브러리이며 대규모 다차원 데이터 세트에서 매우 효율적인 탐색을 가능하게합니다.
xcharts & # 8211; 사용자 지정 차트 및 그래프를 작성하기위한 D3 기반 라이브러리
nvd3 & # 8211; d3.js가 제공하는 기능을 제거하지 않고 재사용 가능한 차트와 차트 구성 요소를 작성할 수 있습니다.
인력거 & # 8211; 상호 작용하는 시계열 그래프를 작성하기위한 JavaScript 툴킷.
Cubism. js & # 8211; 시계열을 시각화하기위한 D3 플러그인. 입체파를 사용하여 실시간 대시 보드를 만들고 Graphite, Cube 및 기타 소스에서 데이터를 가져옵니다.
xkcd & # 8211; D3을 사용하여 Javascript에서 XKCD 스타일의 플롯을 만들 수 있습니다. 자신의 xkcd 그래프를 만들려면 xkcdgraphs를 확인하십시오.
jQuery Sparklines & # 8211; 브라우저에 직접 작은 인라인 차트를 만드는 jQuery 플러그인.
뽀얀 & # 8211; 요소의 내용을 간단한 CANVAS 미니 파이, 라인 또는 막대 차트로 변환하는 간단한 jQuery 플러그인입니다.
BonsaiJS & # 8211; 직관적 인 그래픽 API 및 SVG 렌더러가있는 간단한 그래픽 라이브러리.
Flotr & # 8211; Prototype. js를위한 Javascript 플로팅 라이브러리. 전설 지원, 음수 값 지원, 마우스 추적, 선택 지원, 확대 / 축소 지원, 이벤트 후크, CSS 스타일 지정 지원, 캔버스에 포함 된 텍스트, 회전 레이블, 색상 그라디언트, 그래프 제목 및 부제목, 스프레드 시트, CSV 데이터 다운로드 및 훨씬 더.
프로토 차트 (ProtoChart) & # 8211; 이름에서 알 수 있듯이 ProtoChart에서는 Javascript와 Prototype을 사용하여 아름다운 차트를 만들 수 있습니다. 그것은 오픈 소스이며 Canvas를 사용하며 Flot, Flotr 및 PlotKit 라이브러리에 의해 높은 동기 부여를 받았습니다.
Flotr2 & # 8211; HumbleSoftware의 최근 프로젝트로 캔버스와 자바 스크립트로 그래프와 차트를 만들 수 있습니다. HumbleSoftware는 또한 flotr2를 사용하는 envisionj을 사용하여 동적 HTML5 시각화를 만들 수 있습니다.
jQuery-Visualize & # 8211; HTML5 테이블 요소에 의해 구동되는 HTML5 캔버스 차트 jQuery를위한 또 다른 차트 플러그인.
JS 차트 & # 8211; 코딩을 거의 또는 전혀 필요로하지 않는 JavaScript 기반 차트 생성기입니다. 무료 버전에는 워터 마크가있어 라이센스 비용을 지불하면 제거 할 수 있습니다.
PlotKit & # 8211; Javascript 용 라이브러리를 플로팅하는 차트 및 그래프. HTML Canvas 및 Adobe SVG Viewer를 통한 SVG 및 기본 브라우저 지원을 지원합니다. PlotKit은 CanvasGraph를 완전히 다시 작성한 것입니다.
밀크 차트 & # 8211; MooTools를 기반으로 그래프를 작성하기위한 소형 JavaScript 프레임 워크. 이해하기 쉽고 간단합니다.
moochart & # 8211; MooTools 용 또 다른 플러그인이며 캔버스 태그에 버블 다이어그램을 그리는 데 중점을 둡니다.
moowheel & # 8211; MooTools를 기반으로하는 JavaScript 연결 시각화 라이브러리.
table2chart & # 8211; 액세스 가능한 데이터 테이블에서 차트를 생성하는 MooTools 플러그인.
캔버스 3D 그래프 & # 8211; 3D로 숫자를 플롯하는 특별한 유형의 막대 그래프입니다.
TufteGraph & # 8211; jQuery를 기반으로하는 또 다른 JavaScript 차트 라이브러리. 정말 컴팩트 한 API를 가지고 있으며 비 핵심 레이아웃은 CSS를 통해 이루어집니다.
ArborJS & # 8211; 웹 작업자와 jQuery를 사용하는 그래프 시각화 라이브러리.
TimePlot & # 8211; 시간적 사건으로 그래프에 주석을 달기위한 지원을 통해 시계열 데이터를 그래프로 그려 보는 데 전적으로 초점을 맞 춥니 다.
g 라파엘 & # 8211; Raphael 그래픽 라이브러리를 기반으로 웹 사이트에서 멋진 차트를 만들 수 있습니다.
ICO & # 8211; 다른 JavaScript 그래프 라이브러리는 Raphael을 기반으로합니다.
엘리 차트 (Elycharts) & # 8211; 순수 자바 스크립트 차트 라이브러리, 사용하기 쉽고 완벽하게 사용자 정의 할 수 있습니다. jQuery 및 Raphaël 라이브러리를 기반으로합니다.
징 차트 & # 8211; HTML5, SVG, VML 및 Flash에서 고급 차트 및 시각화를 작성할 수 있습니다. 그들은 또한이 훌륭한 차트 라이브러리를위한 jQuery 래퍼를 가지고있다.
RGraph & # 8211; HTML5 canvas 태그를 사용하여 대화 형 차트를 생성합니다.
Dojo Charting & # 8211; Dojo를 이미 사용하고 있다면 Dojo의 차트 라이브러리는 차트와 그래프를 작성하는 데 훌륭한 솔루션입니다.
허세 & # 8211; Bluff는 Ruby 용 Gruff 그래프 라이브러리의 JavaScript 포트입니다. Gruff의 모든 기능을 최소한의 의존성으로 지원하도록 설계되었습니다.
canvasXpress & # 8211; HTML5에 구현 된 Canvas 태그를 기반으로하는 자바 스크립트 라이브러리
ccchart & # 8211; jQuery와 같은 라이브러리에 의존하지 않는 간단한 JavaScript 차트.
JIT & # 8211; JavaScript InfoVis Toolkit은 웹용 대화 형 데이터 시각화를 생성하기위한 도구를 제공합니다.
JSXGraph & # 8211; 대화 형 지오메트리, 함수 플로팅, 차트 및 웹 브라우저에서의 데이터 시각화를위한 크로스 브라우저 라이브러리.
스무디 차트 & # 8211; 스트리밍 데이터를위한 JavaScript 차트 라이브러리.
유이 차트 & # 8211; YUI 모듈은 SVG, HTML Canvas 및 VML을 활용하여 그래픽 요소를 렌더링하는 다양한 형식의 데이터를 시각화하는 JavaScript API를 제공합니다.
amcharts & # 8211; 라인, 영역, 스텝 라인, 스무딩 된 라인, 촛대 및 ohlc 그래프), 원형 / 도넛 형, 레이더 / 폴라 및 xy / 분산 형 / 거품 형 차트를 포함한 JavaScript / HTML5 차트.
Emprise JavaScript Charts & # 8211; 훌륭한 기능과 훌륭한 크로스 브라우저 지원을 갖춘 순수한 자바 스크립트 차트.
자바 스크립트 다이어그램 빌더 & # 8211; 차트 또는 그래프를 쉽게 표시하는 데 도움이되는 개체 및 함수의 라이브러리입니다.
jGraph & # 8211; 완전한 IE 6-8 및 터치 장치 지원 기능을 갖춘 HTML5 다이어그램 구성 요소.
Sencha Touch 차트 & # 8211; HTML5 Canvas와 CSS3를 사용하여 차트를 모바일 웹 브라우저에 전달합니다.
스타일 차트 & # 8211; 무료 Ajax 시각화 차트 서비스.
시각화 데이터를 다루는 더 많은 라이브러리와 웹 서비스를 찾고 있다면 Datavisualization. ch를 확인하는 것이 좋습니다.
좋은 자바 스크립팅 라이브러리를 놓친 적이 있습니까?
MetricsGraphics. js & # 8211; D3 맨 위에 구축 된 라이브러리로 시계열 데이터를 시각화하고 레이아웃하는 데 최적화되어 있습니다.
멋진 차트! & # 8211; 자바 스크립트와 캔버스 요소로 멋진 차트.
Sigma. js & # 8211; HTML 캔버스 요소를 사용하여 네트워크 시각화를 만드는 오픈 소스 경량 자바 스크립트 라이브러리.
그래 핀 (Graphene) & # 8211; 실시간 대시 보드 & # 038; D3와 Backbone을 기반으로 한 그래프 툴킷.
jQuery ToastChart & # 8211; HTML5 canvas 요소를 사용하여 모든 유형의 데이터를 표시하도록 설계된 선 그래프 차트 라이브러리.
ChartsJS & # 8211; 디자이너와 개발자를위한 쉬운 객체 지향 클라이언트 측 그래프.
Cytoscape. js & # 8211; 분석 및 시각화를위한 오픈 소스 JavaScript 그래프 라이브러리.
Ember Timetree & # 8211; Ember. js 및 D3.js를 사용하여 계층 적 타임 라인 데이터를 시각화하십시오.
Simplify. js & # 8211; 작은 고성능 자바 스크립트 2D / 3D 폴리 라인 단순화 라이브러리 (전단지에서 추출)
데이터 맵 & # 8211; Javascript의 대화식 데이터 시각화를위한 맵 (d3js 포함)
Aristochart & # 8211; 간단하고 정교한 정적 2D 선형 차트.
Morris. js & # 8211; jQuery 및 Raphael. js가있는 시계열 선 그래프.
Grafico & # 8211; Raphaël과 Prototype. js를 기반으로하는 자바 스크립트 차트 라이브러리.
jQuery orgChart & # 8211; 중첩되지 않은 목록에서 계층 적 orginisational 차트를 생성하는 작은 JQuery 플러그인입니다.
TimeChart & # 8211; 강력하고 간단한 차트 라이브러리를 사용하여 순수 HTML5-JavaScript로 시간 기반 차트를 만들 수 있습니다.
JointJS & # 8211; 다이어그램을 만들기위한 오픈 소스 자바 스크립트 라이브러리.
대시 보드 & # 8211; 간단한 & # 038; 자바 스크립트에서 가벼운 무게 대시 보드 프레임 워크.
jQuery Spidergraph & # 8211; jQuery 용 대화식 HTML5 스파이더 그래프 모듈.
sheetsee. js & # 8211; Google 스프레드 시트의 데이터를 시각화합니다.
Chartbuilder & # 8211; D3.js 기반의 프런트 엔드 차트 응용 프로그램으로 간단한 차트를 쉽게 만들 수 있습니다.
dViz & # 8211; 자바 스크립트로 작성된 선언적 데이터 시각화 라이브러리. 일부 HTML 코드를 수정하여 차트를 페이지에 삽입하십시오.
Chartkick. js & # 8211; 최소한의 코드로 아름다운 자바 스크립트 차트를 만드십시오.
Plottable & # 8211; D3에 기반한 웹용 유연한 대화식 차트.
카테고리.
저작권 및 copy2016 TechSlides, 판권 소유.
App Store를 통해 가져 오기 우리의 응용 프로그램 에서이 게시물을 읽으십시오!
jquery Flot Chart - 주말 datetimes를 숨기는 방법 - Forex 차트?
X 축에서 주말 시간을 숨기려면 어떻게해야합니까? 이 타임 라인은 금요일 23시 59 분부터 월요일 00 시까 지, 즉 모든 주말을 건너 뛸 수 있습니다.
저는 금요일 저녁과 월요일 아침 사이의 모든 타임 스탬프를 이미 건너 뛰었습니다. 그러나 주말에는 일정한 활동이있는 것처럼 여전히 데이터를 보여줍니다.
이는 xaxis의 변형 속성을 사용하여 가능해야합니다 (여기 설명서 참조). 나는 여기에 간단한 사건을 보여주는 바이올린을 만들었다. 그러나 시계열에 대해서는 좀 더 할 일이 있습니다.
나는 이것을 출발점으로 남겨두고 시간이있을 때 돌아와서 그것을 확장 할 것이다. 관련 코드 :
이것은 datetimes 대신 contiguous ordinal #s를 사용함으로써 해결됩니다.
X에 ordinal - s를 사용하고 실제 X 축 레이블 값을 표시하기 위해 ordinal - s를 X에 사용하고 다른 레이블에 대한 간접 참조를 사용합니다.
예, 간단합니다.
시장 개방 시간은 원칙적으로 연속적이거나 결정적 / 예측 가능하지 않습니다. 조건 (및 그 변경)은 정기적 인 은행 및 / 또는 지역 공휴일 외에도 일부 극한 조건 (일반적으로 매우 극단적 인 상황)에서 일부 특정 거래 수단에 대해서만 행정 필수 ad-hoc (반응) 시장 마감이 있습니다 ) 시장 조건) 그 외 여러분.
따라서 아무도 사전에 알지 못합니다.
하나는 단순히 X 축에 대해 순수 서수 이외의 다른 숫자를 사용하지 않아야하고 순수하고 연속적인 숫자 시퀀스 (서수)를 가져와 "허용 가능한"시간 간격 all의 모든 개별 단위를 열거합니다 (일, 시간 (FIX 프로토콜 API 사양 참조) 또는 FX HFT 거래 인터페이스의 최고 속도 일지라도 TimeDOMAIN에 이산 값이 있으므로 서수가 열거 할 수 있습니다.
데이터가 서수 순서 색인을 사용하는 현실을 반영하고 나면 다음 단계는 PriceDOMAIN 데이터 시리즈의 서수 번호 색인으로 다시 한 번 더 세리를 추가하는 것입니다. 이제는 적절한 TimeDOMAIN을 포함합니다. (사람이 읽을 수있는) 값이 X 축 GUI 디스플레이 시각화에 표시됩니다.
이것은 초기부터 GUI 디자인에서 사실상 표준이었으며, 개념의 단순성 ( "허용 가능한"값의 서수 순서로 나열된 시퀀스)과 우려 사항의 분리 모두에 확실히 그대로 남아 있습니다.
matplotlib 및 기타 많은 그래프 패키지는 수십 년 동안 이것을 사용하므로 더 새로운 그래프 도구가 사용됩니다.
jQuery 차트 & # 038; 간단한 API 그래프.
CanvasJS jQuery Charting Plugin을 사용하면 대화 형 & # 038; 단 몇 줄의 코드만으로 반응 형 그래프를 웹 페이지에 표시 할 수 있습니다. 또한 Bootstrap 및 기타 널리 사용되는 JavaScript 프레임 워크와 쉽게 통합됩니다. 동적 업데이트, 확대 / 축소, 이동, 이미지 내보내기 등과 같은 기능을 포함한 독립형 버전의 모든 기능에 액세스 할 수 있습니다. 라이브러리는 Line, Bar, Pie 등 30 가지 차트 유형을 지원합니다. jQuery를 광범위하게 사용하는 사람 , 당신은이 플러그인으로 집에서 바로 느껴야합니다. 차트는 또한 뛰어난 성능을 제공하므로 지연없이 수십만 개의 데이터 포인트를 그릴 수 있습니다.
선형 차트.
선, 스플라인 및 단계 선 차트가 포함됩니다.
영역 차트.
스플라인 영역, 스택 영역, 스택 영역 100, 스텝 영역, 범위 영역 및 범위 스플라인 영역 차트가 포함됩니다.
기둥 및 막 대형 차트.
스택 된 열, 스택 된 열 100 %, 범위 열, 스택 된 막대, 누적 막대 100 %, 범위 막대 및 폭포 형 차트가 포함됩니다.
원형 및 깔때기 형 차트.
파이, 도넛 / 도넛, 깔때기 및 피라미드 차트가 포함되어 있습니다.
금융 차트.
촛대 및 OHLC 차트가 포함되어 있습니다.
분산 형 및 거품 형 차트.
분산 형 및 거품 형 차트가 포함되어 있습니다.
박스와 수염 차트.
Box Plot Chart라고도하는 상자 및 수염 모양 차트가 들어 있습니다.
차트의 조합.
오류 막대, 오류 막대, 오류 선, 파레토 차트 및 기타 많은 차트 막대, 선, 면적, OHLC 등이 포함됩니다.
동적 차트.
실시간 또는 라이브 차트라고도하는 다이나믹 차트가 포함되어 있습니다.
50 차트 및 그래프 용 JavaScript 라이브러리.
어떻게 JavaScript로 데이터를 시각화하고 있습니까? JavaScript로 차트와 그래프를 만드는 데 가장 좋아하는 라이브러리는 무엇입니까?
필자는 오픈 소스 방식, 단순성, 예제 및 훌륭한 기능으로 jqPlot에 대한 오랜 팬이었습니다. 성능이 뛰어나고 많은 기업에서 사용하며 jQuery 위에 구축됩니다. 그러나 최근에는 D3이 내 눈을 사로 잡았습니다. 실제로 JavaScript, HTML, SVG 및 CSS를 사용하여 실제로 데이터를 가져옵니다. 또한 오픈 소스이며 jQuery에 의존하지 않고 많은 예제를 제공하며 D3에 기반한 차트 라이브러리도 있습니다. 다른 큰 플레이어는 HighCharts이며 JSFiddle에서보고 편집 할 수있는 모든 데모가있는 순수한 JavaScript로 작성되었으며 강력한 기능도 있습니다. 이 세 가지를 제외하고 고려할 가치가있는 더 유용한 JavaScript 차트 라이브러리가 많이 있습니다. 다음은 도표와 그래프를 만들기위한 상위 50 개 JS 라이브러리 목록입니다.
FusionCharts & # 8211; 그들은 스스로 엔터프라이즈 급 자바 스크립트 차트 구성 요소라고 부르고 내가 생각하기에 충분한 이유가 있습니다. 그들은 아마도 가장 잘보고 있으며 장치와 브라우저 (VML을 사용하는 IE 6, 7 및 8 포함)에서 작동하는 90 개의 차트 유형을 보유하고있을 것입니다. 그들은 많은 비즈니스 대시 보드 예제, 광범위한 문서 및 베스트 프랙티스 차트 작성에 대한 좋은 기사를 가지고 있습니다. 그들은 또한 jQuery 플러그인을 가지고있다. FusionCharts는 10 년 전부터 시작되었으며 (시작 여행에 관한 책도 있습니다) 21,000 명의 고객 (LinkedIn, World Bank, White House, Oracle 등)이 있다고 주장합니다.
D3 & # 8211; 정말 놀랍습니다. 나는 그것을 좋아합니다 & # 8217; 문서는 매우 광범위하며 소스 코드는 GitHub에서 호스팅되며 예제는 끝이 없습니다. Tributary라고하는 D3 프로토 타입 도구가 여러 가지 훌륭한 예가 있습니다. Xcharts, nvd3, Rickshaw, Cubism. js, dc. js 및 xkcd는 모두 D3을 기반으로하므로 매우 유용합니다. 놀라운 사용자 지정 데이터 시각화를 작성하는 경우에는 D3을 선택해야합니다. 그렇지 않으면 위의 d3 기반 라이브러리가보다 간단한 직접 그래프에 적합합니다. 마지막으로 D3의 스콧 머레이 (Scott Murray)의 무료 책 "Interactive Data Visualization for the Web"과 "Dashing D3 tutorials"를 살펴 보시기 바랍니다.
HighCharts & # 8211; 매우 강력합니다. JSFiddle 예제와 강력한 기능을 좋아합니다. 라이센스 비용은 들지 않지만 훌륭한 고객 (IBM, NASA, MasterCard 등)이 있습니다. 그들은 또한 IE8과 역 호환성을 가지고있다.
jqPlot & # 8211; 이미 jQuery를 사용하고 있고 HighCharts 비용을 지불하고 싶지 않고 간단한 사용 사례에 D3이 너무 많은 경우 jqPlot이 훌륭한 선택입니다.
dygraphs & # 8211; 인터랙티브하고 확대 가능한 시계열 차트를 생성하는 오픈 소스 자바 스크립트 라이브러리. 대용량 데이터 세트에 정말 좋습니다.
Protovis & # 8211; 현재 D3에서 작업중인 동일한 팀이 만든 무료 오픈 소스입니다. D3와 Protovis를 비교하고 싶다면이 stackoveflow 페이지를 확인하십시오.
플롯 차트 & # 8211; jqPlot과 비슷하게 Flot은 간단한 사용법, 매력적인 외모 및 상호 작용 기능에 중점을 둔 jQuery 용 순수 JavaScript 플롯 라이브러리입니다. Flot을 jqPlot과 비교하는 데 관심이 있다면, 이 스레드는 좋은 정보를 가지고 있습니다.
Google Chart Tools & # 8211; 강력하고 무료이며 사용이 간편하며 단순한 선형 차트에서부터 복잡한 계층 적 트리 맵에 이르기까지 모든 것이 있습니다. 차트 갤리는 잘 설계된 많은 차트 유형을 제공합니다.
dc. js & # 8211; 네이티브 크로스 필터 지원 기능을 갖춘 D3 기반의 자바 스크립트 차트 라이브러리이며 대규모 다차원 데이터 세트에서 매우 효율적인 탐색을 가능하게합니다.
xcharts & # 8211; 사용자 지정 차트 및 그래프를 작성하기위한 D3 기반 라이브러리
nvd3 & # 8211; d3.js가 제공하는 기능을 제거하지 않고 재사용 가능한 차트와 차트 구성 요소를 작성할 수 있습니다.
인력거 & # 8211; 상호 작용하는 시계열 그래프를 작성하기위한 JavaScript 툴킷.
Cubism. js & # 8211; 시계열을 시각화하기위한 D3 플러그인. 입체파를 사용하여 실시간 대시 보드를 만들고 Graphite, Cube 및 기타 소스에서 데이터를 가져옵니다.
xkcd & # 8211; D3을 사용하여 Javascript에서 XKCD 스타일의 플롯을 만들 수 있습니다. 자신의 xkcd 그래프를 만들려면 xkcdgraphs를 확인하십시오.
jQuery Sparklines & # 8211; 브라우저에 직접 작은 인라인 차트를 만드는 jQuery 플러그인.
뽀얀 & # 8211; 요소의 내용을 간단한 CANVAS 미니 파이, 라인 또는 막대 차트로 변환하는 간단한 jQuery 플러그인입니다.
BonsaiJS & # 8211; 직관적 인 그래픽 API 및 SVG 렌더러가있는 간단한 그래픽 라이브러리.
Flotr & # 8211; Prototype. js를위한 Javascript 플로팅 라이브러리. 전설 지원, 음수 값 지원, 마우스 추적, 선택 지원, 확대 / 축소 지원, 이벤트 후크, CSS 스타일 지정 지원, 캔버스에 포함 된 텍스트, 회전 레이블, 색상 그라디언트, 그래프 제목 및 부제목, 스프레드 시트, CSV 데이터 다운로드 및 훨씬 더.
프로토 차트 (ProtoChart) & # 8211; 이름에서 알 수 있듯이 ProtoChart에서는 Javascript와 Prototype을 사용하여 아름다운 차트를 만들 수 있습니다. 그것은 오픈 소스이며 Canvas를 사용하며 Flot, Flotr 및 PlotKit 라이브러리에 의해 높은 동기 부여를 받았습니다.
Flotr2 & # 8211; HumbleSoftware의 최근 프로젝트로 캔버스와 자바 스크립트로 그래프와 차트를 만들 수 있습니다. HumbleSoftware는 또한 flotr2를 사용하는 envisionj을 사용하여 동적 HTML5 시각화를 만들 수 있습니다.
jQuery-Visualize & # 8211; HTML5 테이블 요소에 의해 구동되는 HTML5 캔버스 차트 jQuery를위한 또 다른 차트 플러그인.
JS 차트 & # 8211; 코딩을 거의 또는 전혀 필요로하지 않는 JavaScript 기반 차트 생성기입니다. 무료 버전에는 워터 마크가있어 라이센스 비용을 지불하면 제거 할 수 있습니다.
PlotKit & # 8211; Javascript 용 라이브러리를 플로팅하는 차트 및 그래프. HTML Canvas 및 Adobe SVG Viewer를 통한 SVG 및 기본 브라우저 지원을 지원합니다. PlotKit은 CanvasGraph를 완전히 다시 작성한 것입니다.
밀크 차트 & # 8211; MooTools를 기반으로 그래프를 작성하기위한 소형 JavaScript 프레임 워크. 이해하기 쉽고 간단합니다.
moochart & # 8211; MooTools 용 또 다른 플러그인이며 캔버스 태그에 버블 다이어그램을 그리는 데 중점을 둡니다.
moowheel & # 8211; MooTools를 기반으로하는 JavaScript 연결 시각화 라이브러리.
table2chart & # 8211; 액세스 가능한 데이터 테이블에서 차트를 생성하는 MooTools 플러그인.
캔버스 3D 그래프 & # 8211; 3D로 숫자를 플롯하는 특별한 유형의 막대 그래프입니다.
TufteGraph & # 8211; jQuery를 기반으로하는 또 다른 JavaScript 차트 라이브러리. 정말 컴팩트 한 API를 가지고 있으며 비 핵심 레이아웃은 CSS를 통해 이루어집니다.
ArborJS & # 8211; 웹 작업자와 jQuery를 사용하는 그래프 시각화 라이브러리.
TimePlot & # 8211; 시간적 사건으로 그래프에 주석을 달기위한 지원을 통해 시계열 데이터를 그래프로 그려 보는 데 전적으로 초점을 맞 춥니 다.
g 라파엘 & # 8211; Raphael 그래픽 라이브러리를 기반으로 웹 사이트에서 멋진 차트를 만들 수 있습니다.
ICO & # 8211; 다른 JavaScript 그래프 라이브러리는 Raphael을 기반으로합니다.
엘리 차트 (Elycharts) & # 8211; 순수 자바 스크립트 차트 라이브러리, 사용하기 쉽고 완벽하게 사용자 정의 할 수 있습니다. jQuery 및 Raphaël 라이브러리를 기반으로합니다.
징 차트 & # 8211; HTML5, SVG, VML 및 Flash에서 고급 차트 및 시각화를 작성할 수 있습니다. 그들은 또한이 훌륭한 차트 라이브러리를위한 jQuery 래퍼를 가지고있다.
RGraph & # 8211; HTML5 canvas 태그를 사용하여 대화 형 차트를 생성합니다.
Dojo Charting & # 8211; Dojo를 이미 사용하고 있다면 Dojo의 차트 라이브러리는 차트와 그래프를 작성하는 데 훌륭한 솔루션입니다.
허세 & # 8211; Bluff는 Ruby 용 Gruff 그래프 라이브러리의 JavaScript 포트입니다. Gruff의 모든 기능을 최소한의 의존성으로 지원하도록 설계되었습니다.
canvasXpress & # 8211; HTML5에 구현 된 Canvas 태그를 기반으로하는 자바 스크립트 라이브러리
ccchart & # 8211; jQuery와 같은 라이브러리에 의존하지 않는 간단한 JavaScript 차트.
JIT & # 8211; JavaScript InfoVis Toolkit은 웹용 대화 형 데이터 시각화를 생성하기위한 도구를 제공합니다.
JSXGraph & # 8211; 대화 형 지오메트리, 함수 플로팅, 차트 및 웹 브라우저에서의 데이터 시각화를위한 크로스 브라우저 라이브러리.
스무디 차트 & # 8211; 스트리밍 데이터를위한 JavaScript 차트 라이브러리.
유이 차트 & # 8211; YUI 모듈은 SVG, HTML Canvas 및 VML을 활용하여 그래픽 요소를 렌더링하는 다양한 형식의 데이터를 시각화하는 JavaScript API를 제공합니다.
amcharts & # 8211; 라인, 영역, 스텝 라인, 스무딩 된 라인, 촛대 및 ohlc 그래프), 원형 / 도넛 형, 레이더 / 폴라 및 xy / 분산 형 / 거품 형 차트를 포함한 JavaScript / HTML5 차트.
Emprise JavaScript Charts & # 8211; 훌륭한 기능과 훌륭한 크로스 브라우저 지원을 갖춘 순수한 자바 스크립트 차트.
자바 스크립트 다이어그램 빌더 & # 8211; 차트 또는 그래프를 쉽게 표시하는 데 도움이되는 개체 및 함수의 라이브러리입니다.
jGraph & # 8211; 완전한 IE 6-8 및 터치 장치 지원 기능을 갖춘 HTML5 다이어그램 구성 요소.
Sencha Touch 차트 & # 8211; HTML5 Canvas와 CSS3를 사용하여 차트를 모바일 웹 브라우저에 전달합니다.
스타일 차트 & # 8211; 무료 Ajax 시각화 차트 서비스.
시각화 데이터를 다루는 더 많은 라이브러리와 웹 서비스를 찾고 있다면 Datavisualization. ch를 확인하는 것이 좋습니다.
좋은 자바 스크립팅 라이브러리를 놓친 적이 있습니까?
MetricsGraphics. js & # 8211; D3 맨 위에 구축 된 라이브러리로 시계열 데이터를 시각화하고 레이아웃하는 데 최적화되어 있습니다.
멋진 차트! & # 8211; 자바 스크립트와 캔버스 요소로 멋진 차트.
Sigma. js & # 8211; HTML 캔버스 요소를 사용하여 네트워크 시각화를 만드는 오픈 소스 경량 자바 스크립트 라이브러리.
그래 핀 (Graphene) & # 8211; 실시간 대시 보드 & # 038; D3와 Backbone을 기반으로 한 그래프 툴킷.
jQuery ToastChart & # 8211; HTML5 canvas 요소를 사용하여 모든 유형의 데이터를 표시하도록 설계된 선 그래프 차트 라이브러리.
ChartsJS & # 8211; 디자이너와 개발자를위한 쉬운 객체 지향 클라이언트 측 그래프.
Cytoscape. js & # 8211; 분석 및 시각화를위한 오픈 소스 JavaScript 그래프 라이브러리.
Ember Timetree & # 8211; Ember. js 및 D3.js를 사용하여 계층 적 타임 라인 데이터를 시각화하십시오.
Simplify. js & # 8211; 작은 고성능 자바 스크립트 2D / 3D 폴리 라인 단순화 라이브러리 (전단지에서 추출)
데이터 맵 & # 8211; Javascript의 대화식 데이터 시각화를위한 맵 (d3js 포함)
Aristochart & # 8211; 간단하고 정교한 정적 2D 선형 차트.
Morris. js & # 8211; jQuery 및 Raphael. js가있는 시계열 선 그래프.
Grafico & # 8211; Raphaël과 Prototype. js를 기반으로하는 자바 스크립트 차트 라이브러리.
jQuery orgChart & # 8211; 중첩되지 않은 목록에서 계층 적 orginisational 차트를 생성하는 작은 JQuery 플러그인입니다.
TimeChart & # 8211; 강력하고 간단한 차트 라이브러리를 사용하여 순수 HTML5-JavaScript로 시간 기반 차트를 만들 수 있습니다.
JointJS & # 8211; 다이어그램을 만들기위한 오픈 소스 자바 스크립트 라이브러리.
대시 보드 & # 8211; 간단한 & # 038; 자바 스크립트에서 가벼운 무게 대시 보드 프레임 워크.
jQuery Spidergraph & # 8211; jQuery 용 대화식 HTML5 스파이더 그래프 모듈.
sheetsee. js & # 8211; Google 스프레드 시트의 데이터를 시각화합니다.
Chartbuilder & # 8211; D3.js 기반의 프런트 엔드 차트 응용 프로그램으로 간단한 차트를 쉽게 만들 수 있습니다.
dViz & # 8211; 자바 스크립트로 작성된 선언적 데이터 시각화 라이브러리. 일부 HTML 코드를 수정하여 차트를 페이지에 삽입하십시오.
Chartkick. js & # 8211; 최소한의 코드로 아름다운 자바 스크립트 차트를 만드십시오.
Plottable & # 8211; D3에 기반한 웹용 유연한 대화식 차트.
카테고리.
저작권 및 copy2016 TechSlides, 판권 소유.
Comments
Post a Comment