2016-12-13 1 views
3

사용자 Keen.js가 원형 차트 용 데이터를 가져 오는 샘플을 다운로드했습니다.Keen.js 하드 코드 그래프 데이터

는 그냥

예 50 % 패스, 50 %가 실패 차트로 일부 데이터를 하드해야한다. 나는 50 %의 패스에 pageview_static 하드 코딩 수있는 방법

var pageviews_static = new Keen.Query("count", { 
    eventCollection: "pageviews", 
    groupBy: "user.device_info.browser.family", 
    timeframe: { 
     start: "2014-05-01T00:00:00.000Z", 
     end: "2014-05-05T00:00:00.000Z" 
    } 
    }); 

    client.draw(pageviews_static, document.getElementById("chart-02"), { 
    chartType: "piechart", 
    title: false, 
    height: 250, 
    width: "auto", 
    chartOptions: { 
     chartArea: { 
     height: "85%", 
     left: "5%", 
     top: "5%", 
     width: "100%" 
     }, 
     pieHole: .4 
    } 
    }); 

는 50 %

답변

4

당신은 keen.js에 의해 노출되는 구글 차트 옵션을 사용자 정의 할 수 있습니다 실패합니다. 데이터에 대한

사용자 지정 라벨 : https://github.com/keen/keen-js/blob/master/docs/visualization.md#customized-labels

및 사용자 정의 데이터는 "Keen.Dataset 객체 : https://github.com/keen/keen-js/tree/master/docs/dataset#keendataset

var chart = new Keen.Dataviz() 
    .el(document.getElementById("chart")) 
    .chartType('piechart') 
    .parseRawData({ result: [ 
     { label: 'Pass', value: 50 }, 
     { label: 'Fail', value: 50 } 
    ] }) 
    .title('Pass/Fail Rate') 
    .height(240) 
    .render();