我使用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
SO你能發佈一張圖片展示你如何看待你的圖表? –