Nwagon > Line Chart에는 hrefs가 적용되지 않네요.

이인욱님의 글타래

님에 대한 정보

이인욱님의 의견

var options = { 'legend':{ names: ['08-12', '08-19', '08-26', '09-02', '09-09', '09-16'], hrefs: ['http://naver.com','http://naver.com','http://naver.com','http://naver.com','http://naver.com','http://naver.com'] }, 'dataset':{ title:'Playing time per day', values: [[61,7, 66], [76,33, 66], [49,22, 45], [58,26, 76], [48, 15, 76], [56, 18,83]], colorset: ['#DC143C','#FF8C00', '#30a1ce'], fields:['Error', 'Warning', 'Pass'] }, 'chartDiv' : 'Nwagon', 'chartType' : 'line', 'chartSize' : {width:700, height:300}, 'maxValue' : 100, 'increment' : 10 }; Nwagon.chart(options);

위와 같이 적용 하였다고 하였을 시 08-12나 08-19 등 일자를 클릭하였을 때 hrefs에 정의 된 http://naver.com으로 페이지 이동이 되어야 될꺼같은데 아무 변화가 없네요. 클릭조차 되지 않아요.

테스트 browser는 chrome과 firefox입니다.

님의 글타래

님에 대한 정보

이인욱님의 의견

아래와 같이 수정하니 정상적으로 되네요.

line.drawLabels
수정 전 :
drawLabels: function(x, y, labelText){
var attributes = {'x':x, 'y':y, 'text-anchor':'end', 'transform':'rotate(315,'+ x +','+ y + ')'};
var text = Nwagon.createSvgElem('text', attributes);
text.textContent = labelText;
return text;
}
수정 후 :
drawLabels: function(x, y, labelText, url){
var attributes = {'onclick':'location.href="' + url + '"','x':x, 'y':y, 'text-anchor':'end', 'transform':'rotate(315,'+ x +','+ y + ')'};
var text = Nwagon.createSvgElem('text', attributes);
text.textContent = labelText;
return text;
}


line.drawLineForeground
수정 전 :
drawLineForeground: function(parentDiv, parentSVG, legend, dataset, increment, max, width, height, isAreaChart, isJira){
.....
......
var px = '', cw = '', ch = '';
var names = legend['names'];
var data = dataset['values'];
var colors = dataset['colorset']
.....
.....
if(k === 0){
var text = Nwagon.line.drawLabels(px + cw/2, 15, names[i], false, 0);
labels.appendChild(text);
}
.....
수정 후 :
drawLineForeground: function(parentDiv, parentSVG, legend, dataset, increment, max, width, height, isAreaChart, isJira){
.....
......
var px = '', cw = '', ch = '';
var names = legend['names'];
var hrefs = legend['hrefs'];
var data = dataset['values'];
var colors = dataset['colorset']
.....
.....
if(k === 0){
var text = Nwagon.line.drawLabels(px + cw/2, 15, names[i], hrefs[i] ,false, 0);
labels.appendChild(text);
}
.....

님의 글타래

님에 대한 정보

Insook Choe님의 의견

네네, radar 차트를 만들때 링크 사용하는 일이 많을거 같아서 기능을 추가 했다가, 다른 차트 타입에서의 사용성이 적어보여 빼기 시작했었는데 이부분에 대한 설명이 부족했었던것 같습니다. 일단 수정해서 잘 활용하고 계신듯 하고요, 앞으로도 좋은 피드백 부탁드립니다.

이인욱님의 글타래

님에 대한 정보

태그
의견을 남기려면 소셜 로그인이 필요합니다.