selectionMarkerFill (chart properties)

마우스로 드래그해서 확대할 영역을 고를 때 표시되는 선택 영역의 색상을 설정합니다.
투명도가 없는 색(#ff0000, red 등)을 넣으면 선택하는 동안 그 구간의 그래프가 가려지므로, rgba()나 8자리 HEX(#RRGGBBAA)로 투명도를 지정합니다.

Info

Example

myChart.setOptions({
  chart: {
    type: "line",
    zooming: {
      type: "x"
    },
    selectionMarkerFill: "rgba(255, 0, 0, 0.2)"  // 선택 영역을 빨간색으로
  },
  series: [{
    name: "서울",
    data: [60, 40, 20, 80, 50, 30, 70, 90]
  }]
}, {
  append: true,
  redraw: true
});

8자리 HEX(#RRGGBBAA)로 투명도를 지정할 수도 있습니다. 마지막 두 자리가 투명도(00 투명 ~ ff 불투명)입니다.

myChart.setOptions({
  chart: {
    type: "line",
    zooming: {
      type: "x"
    },
    selectionMarkerFill: "#ff000040"  // 빨간색(#ff0000) + 투명도 40(약 25%)
  },
  series: [{
    name: "서울",
    data: [60, 40, 20, 80, 50, 30, 70, 90]
  }]
}, {
  append: true,
  redraw: true
});

제공 버전