#2.0.76
라인 차트 계열에서 확장 옵션을 지정합니다.
extend: {
line: {
hideCircle: true,
}
}
#2.0.76
line차트 내 포인트의 show/hide 여부를 지정합니다.
#2.0.78
line차트에서 데이터가 0부터 이후의 데이터는 line을 그리지 않도록 하는 기능.
#2.0.84
line계열 차트에서 선의 굵기(width)를 각 Key별로 설정합니다.
data.types 배열의 키와 매칭됩니다.
strokeStyle의 style(dashed, dotted, normal 지원)
extend: {
line: {
setLinesWidth: [
{ "key": "2015", "width": 5, "strokeStyle":"dotted" },
{ "key": "2016", "width": 10 },
]
}
}
#2.0.95
line계열 차트에서 선의 굵기(width)를 일괄적으로 설정합니다.
extend: {
line: {
setLinesWidthAll: 15,
}
}
#2.0.118
직선형태의 line차트 계열에서 선의 색상,두께,투명도 등의 설정을 x축 기준으로 부분적으로 다르게 설정할 수 있습니다.
Object 형식으로 parameter 및 return값을 주고 받습니다.
Format함수가 전달받는 parameter는 index(x축의index), id(범례의 key값), data가 있습니다.
Format함수가 반환하는 line설정값은 stroke(선색상), strokeWidth(선두께), strokeOpacity(투명도), strokeStyle(normal, dotted, dashed)이 있습니다.
extend: {
line: {
lineFormat: function(parm){
let rtn = {};
if(parm.id == "2015" ){
rtn.stroke = "#00ffAB";
rtn.strokeWidth = "3";
if(parm.index == 3 ){
rtn.stroke = "silver";
rtn.strokeOpacity = 0.3;
}else if(parm.id == "2016" && parm.index == 1){
rtn.strokeStyle = "dashed";
rtn.stroke = "blue";
rtn.strokeWidth = "9";
}
}
}
}