Highcharts를 사용하고 있으며 차트의 내부를 다른 색으로 채워야합니다.하이 체어가 차트 안쪽에 다른 배경색으로 채우기
이 나는 시도했다 :
chart: {
renderTo: ‘container’,
background-color: ‘#ff0000’
},
등 ...
하지만 이것은 단지 전체 차트의 배경을 변화하고 있습니다.
다음은 변경해야하는 사항을 보여주는 스크린 샷입니다.
내가 어떻게 할 수 있습니까?
여기에 코드가 너무입니다 :
<script type="text/javascript">
$(function() {
window.chart = new Highcharts.StockChart({
chart: {
renderTo: 'container'
},
rangeSelector: {
selected: 1,
inputDateFormat: '%d-%m-%Y',
inputDateParser: function (value) {
value = value.split('-');
return Date.UTC(
parseInt(value[2]),
parseInt(value[1]) - 1,
parseInt(value[0])
);
},
},
title: {
text: ''
},
plotOptions: {
series: {
cursor: 'pointer',
point: {
events: {
click: function() {
}
}
}
}
},
series: [{
name: 'label',
data: data,
tooltip: {
valueDecimals: 2
}}]
}, function(chart) {
// apply the date pickers
setTimeout(function() {
$('input.highcharts-range-selector', $('#' + chart.options.chart.renderTo)).datepicker()
}, 0)
});
// Set the datepicker's date format
$.datepicker.setDefaults({
dateFormat: 'dd-mm-yy',
onSelect: function(dateText) {
this.onchange();
this.onblur();
}
});
});
</script>
당신은 당신의 시리즈의 지역 형 대신 선 유형을 사용해야합니다. 그런 다음 해당 지역 시리즈에서 fillColor 매개 변수를 추가 할 수 있습니다. http://jsfiddle.net/Lf6wmr4g/ –
fillColor : 'rgba (2001001000.5)'로 시도했지만 차트의 깔끔한 부분 만 색칠했습니다. – QuepasaTio
차트를 어떻게 보일지 보여주는 이미지를 게시 하시겠습니까? –