하이차트 Basic line 차트에서 카테고리 값 위치에 점(마커) 제거하는 방법.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | $('#container').highcharts({ title: { text: 'Monthly Average Temperature', x: -20 //center }, subtitle: { text: 'Source: WorldClimate.com', x: -20 }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, yAxis: { title: { text: 'Temperature (°C)' }, plotLines: [{ value: 0, width: 1, color: '#808080' }] }, tooltip: { valueSuffix: '°C' }, legend: { layout: 'vertical', align: 'right', verticalAlign: 'middle', borderWidth: 0 }, series: [{ name: 'Tokyo', data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6], maker: { enabled: false } }] }); | cs |
series에 marker 옵션에 enabled: false를 넣어주면 된다.
plotOptions -> series -> marker 에서도 가능.
그밖에 marker 옵션.
fillColor : 마커 채움 색상
height : 마커 높이
width : 마커 넓이
lineColor : 마커 테두리 색상
lineWidth : 마커 테두리 넓이
ladius : 마커 반지름
symbol : 마커 심볼