하이 차트를 사용하여 트리 맵을 만들었지 만 위쪽 및 왼쪽 테두리가 누락되었습니다. 나는 문서를 통해 읽었지만 도움이 될만한 것을 찾을 수 없다.하이 차트 트레픽 위쪽 및 왼쪽 테두리 누락
나는 코데 핀을 만들었습니다. here. 검정색 배경에 대해 시리즈의 상단 및 왼쪽면에있는 경계선이 보이지 않는 것을 볼 수 있습니다. 나는 그들이 거기에 있다고 생각하지만 아마 차트가 픽셀에 의해 X/Y에서 상쇄 될 수도 있습니다.
Highcharts.setOptions({
colors: ['#263542', '#3d4d5d', '#41474d', '#515961', '#292e33', '#24445e'],
lang: {
thousandsSep: ','
}
});
Highcharts.chart('treemap', {
chart: {
backgroundColor: 'rgba(255,255,255,0)',
borderColor: 'rgb(255,255,255)'
},
credits: {
enabled: false
},
plotOptions: {
series: {
colorByPoint: true,
borderColor: 'rgb(71, 116, 135)',
borderWidth: 1,
dataLabels: {
enabled: true,
style: {
textOutline: 'none',
fontFamily: 'Roboto',
fontWeight: '300',
fontSize: '1rem'
}
}
}
},
tooltip: {
valuePrefix: '£'
},
series: [{
type: 'treemap',
layoutAlgorithm: 'squarified',
data: [{
name: 'Indices',
value: 230000,
}, {
name: 'Forex',
value: 120000,
}, {
name: 'Shares',
value: 55000,
}, {
name: 'Pension',
value: 55000,
}, {
name: 'ISA',
value: 20000,
}]
}],
title: {
text: ''
},
legend: {
enabled: false
}
});
body {
background: #000;
}
#treemap {
width: 500px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/treemap.js"></script>
<div id="treemap"></div>
감사합니다. Highcharts의 예제 트리 맵은 기본적으로 테두리가 누락되어 있습니다 - 응답을 구현해야합니다! –