Я использую 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 (200,100,100,0.5)', но он только окрасил аккуратную нижнюю часть диаграммы – QuepasaTio
ТАК мог бы вы разместите изображение, показывающее, как вы хотите, чтобы ваш график выглядел? –