그래프 scatter 갯수 관련 문의 드립니다.

[qudgur5442]

안녕하세요.

JUI - Chart 잘 사용하고 있습니다.

궁금한점 있어서 문의 드립니다.

1. scatter 차트에서 확인 해본 결과 데이터가 1만건 이상이면 x축은 증가 되는데 점들이 1만건 이상부터는

안찍히고 있습니다. 혹시 해결 방안이 있는 지 알고 싶습니다.

var chart = jui.include("chart.builder");
var time = jui.include("util.time");

function getNumber() {
    return Math.round(Math.random() * 30  % 20);
}

var start = new Date(),
    end = time.add(start, time.hours, 5),
    data = [];

for(var i = 0; i < 10500; i++) {
    data.push({
        time : time.add(start, time.minutes, i),
        sales : getNumber()
    });
}

chart("#result", {
    padding : {
        left : 70
    },
    axis : {
        x : {
            type : "date",
          domain : "time",
            interval : 1000 * 60 * 60, // 1hours
            format : "hh:mm",
            key: "time",
          hide:true
        },
        y : {
            type : "range",
            domain : "sales",
            step : 10,
            line : true
        },
        data : data
    },
    brush : {
        type : "scatter",
        size : 7,
        target : [ "sales" ]
    },
    widget : [{
        type : "title",
        text : "Scatter Sample"
    }, {
        type : "dragselect",
        dataType : "list" // or "area"
    }, {
        type : "tooltip"
    }],
    event : {
        "dragselect.end": function(data) {
            console.log(data);
        },
        "click": function(data) {
            console.log(data);
        }
    }
});

이상입니다. 답변 부탁드립니다.

감사합니다.

[easylogic]

@qudgur5442 잘 쓰고 계셔서 다행입니다. ^^

jui chart 같은 경우 기본 렌더링 버퍼를 지정하고 있는데요.

default 가 10000 개 입니다.

그래서 아마 10000개만 그릴 수 있으실 꺼에요.

더 많이 그리실려면 buffer 를 조정하시면 됩니다.

axis : {
    buffer : 10000000
}