나는 인력거를 사용하여 서로 다른 시간에 속도를 보여줄 꺾은 선형 차트를 만듭니다. 내 데이터 보인다 같은 X는 (유닉스 초) 시간이고 Y는 (MPH에) 속도입니다 [{"x":1484124298856,"y":10},{"x":1484124300949,"y":10},{"x":1484124303142,"y":6},{"x":1484124305543,"y":7},{
그래서,이 인력거 라인 차트 내 HTML 스크립트에 설정이 있습니다 var data = [];
var graph = new Rickshaw.Graph({
element: document.querySelector("#chart"),
width: 1000,
height: 100,
renderer: 'line',
Rickshaw JS를 사용하여 그래프를 작성하고 있습니다. 이렇게하려면 호출 할 때 그래프를 렌더링하는 함수를 만들었습니다. 내가 직면 한 문제는 스크립트 태그 내에서 호출 될 때 함수가 모든 것을 잘 렌더링한다는 것입니다. 그러나 AJAX 호출의 성공 함수에서 호출 될 때 축이 표시되지 않습니다. 관련 코드 : <script>
function Prob
를 I 2 개 파일을 가지고 bundle.jsx (성분 반응 포함) 및 app.js 내 모듈 (번들 반응 이내 (JS 빌딩 그래프의 인력거 클래스를 포함하는 기능을 포함). 나는이 구축 나의 JS 파일 내에서 <div id="chart_container" />
렌더링 클래스 내에서 jsx는) 내가이 개 파일을로드 할 때, 내가 그래프를 생성 할 것으로
인력거 모듈을 사용하여 앱에서 그래프를 만들고 싶습니다. 이 내 HTML입니다 http://ngyewch.github.io/angular-rickshaw/#/home : 나는 여기에 교육과 didnt 한 succedd을 따라 <rickshaw
rickshaw-options="options1"
rickshaw-features="fea
현재 Rickshaw 위젯을 사용하여 대시에서 데이터 그래프를 내 그래프의 x 축에 추가하려고합니다. 는 기본적으로 나는 커피 스크립트 위젯 코드 커피 스크립트에서 (Rickshaw.coffee) # Define elements for Rickshaw time
time = new Rickshaw.Fixtures.Time
months = time.unit
그래서 'Rickshaw'위젯을 사용하여 Dashing에서 실행되는 다양한 그래프가 있습니다. CSS 선택기를 사용하여 x 축보기를 정의하고 싶습니다. 이것은 우리가 ...이있는 CSS에서, CSS에서 선택기의 이름에 대한 DIV의 ID를 정의 <li data-row="1" data-col="1" data-sizex="6" data-sizey="6">
다른 Y 축과 함께 2 개의 그래프를 플로팅하는 방법이 있습니까? 몇 가지 데이터가 있습니다 (페이지 뷰, 리퍼러별로 스택 된 영역). 시간이 지남에 따라 작업 수가 오버레이 된 선 그래프로 플롯해야합니다. 이미 별도로 두 그래프를 가지고 있지만, 당신은 당신이 목표로 출력하고있는 요소에 전달하여 두 그래프를 그릴 수 있어야합니다 1.
저는 Rickshaw 그래프를 사용하고 있습니다. 선 그래프는 잘 작동합니다. 그러나, 나는 그들의 크기를 증가 시켜서 플롯 점을 보이게하고 싶습니다. 이것을 할 수있는 방법이 있습니까? 여기 내 코드입니다 : 내가 graph.renderer.dotSize = 16;를 사용하여 시도 var graph = new Rickshaw.Graph({
인력거를 사용하여 웹 API에서 검색 한 데이터를 ajex 요청을 통해 표시하려고합니다. 데이터가 올바르게 검색되고 배열에 추가됩니다. 그러나 차트는 데이터를 렌더링하지 않습니다. 계열 데이터 배열을 콘솔하면 모든 데이터가 표시됩니다. 여기 내 코드가 var seriesData = [
[]
];
$.ajax({
url: "http: