jui-chart
jui-chart copied to clipboard
equlizercolumn 에서 display :["all"] 속성을 사용 할 수 없나요?
equlizercolumn 에서 display :["all"] 속성을 사용 할 수 없나요?
equlizer 차트도 column 차트라서 일반 column차트와 같이 display 속성이 먹히는 줄 알았는데 먹히지 않네요... 미지원인지요?? 아님 방법이 따로 있는지...
미지원이라면 지원 가능성이 있는지 문의드립니다.
jui.ready([ "chart.builder" ], function(chart) {
var c = chart("#chart", {
width: 400,
height : 400,
theme : "jennifer",
axis : [{
x : {
domain : [ "week1", "week2", "week3", "week4" ],
line : true
},
y : {
type : 'range',
domain : [ 0, 50 ],
step : 5,
line : true,
reverse : false
}
}],
brush : {
type : 'equalizercolumn',
target : [ 'name', 'value', 'test' ],
unit : 10,
active : 1
},
event: {
rclick: function(obj, e) {
console.log(obj);
}
},
widget: {
type : "tooltip",
all : true
}
});
var barc = chart("#chart_column", {
width: 400,
height : 400,
theme : "jennifer",
axis : [{
x : {
domain : [ "a1", "a2", "a3", "a4" ],
line : true
},
y : {
type : 'range',
domain : [ 0, 50 ],
step : 5,
line : true,
reverse : false
}
}],
brush : {
type : 'column',
target : ['value'],
display : "all"
},
event: {
rclick: function(obj, e) {
console.log(obj);
}
},
widget: {
type : "tooltip",
all : true
}
});
setInterval(function() {
var data = [];
for(var i = 0; i < 4; i++) {
data.push({
name: Math.floor(Math.random() * 15),
value: Math.floor(Math.random() * 15),
test: Math.floor(Math.random() * 15)
});
}
c.axis(0).update(data)
barc.axis(0).update(data)
}, 2000);
})