我使用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你能发布一张图片展示你如何看待你的图表? –