Open qudgur5442 opened 6 years ago
안녕하세요. JUI-Chart 사용중에 모르는 부분이 있어서 질문 올립니다.
cross y 값이 왼쪽말고 오른쪽에도 표현 하고 싶습니다. (값 : 17)
옵션이나 사용 방법이 있을까요??
아래 소스 부분입니다. `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 < 30; i++) { data.push({ time : time.add(start, time.minutes, i10), sales : getNumber(), profit : getNumber() 0.75, total : getNumber() * 1.5 }); }
chart("#result", { padding : { left : 70 }, axis : { x : { type : "date", domain : [ start, end ], interval : 1000 60 60, // 1hours format : "hh:mm", key: "time", line : true, }, y : { type : "range", domain : "total", step : 10, line : true, orient:"right" }, data : data }, brush : { type : "scatter", size : 7, target : [ "sales", "profit", "total" ] }, widget : [{ type : "title", text : "Scatter Sample" }, { type : "cross", xFormat : function(d) { return time.format(d, "hh:mm"); }, yFormat : function(d) { return Math.round(d); } }, { type : "tooltip" }] }); `
안녕하세요. JUI-Chart 사용중에 모르는 부분이 있어서 질문 올립니다.
cross y 값이 왼쪽말고 오른쪽에도 표현 하고 싶습니다. (값 : 17)
옵션이나 사용 방법이 있을까요??
아래 소스 부분입니다. `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 < 30; i++) { data.push({ time : time.add(start, time.minutes, i10), sales : getNumber(), profit : getNumber() 0.75, total : getNumber() * 1.5 }); }
chart("#result", { padding : { left : 70 }, axis : { x : { type : "date", domain : [ start, end ], interval : 1000 60 60, // 1hours format : "hh:mm", key: "time", line : true, }, y : { type : "range", domain : "total", step : 10, line : true, orient:"right" }, data : data }, brush : { type : "scatter", size : 7, target : [ "sales", "profit", "total" ] }, widget : [{ type : "title", text : "Scatter Sample" }, { type : "cross", xFormat : function(d) { return time.format(d, "hh:mm"); }, yFormat : function(d) { return Math.round(d); } }, { type : "tooltip" }] }); `