$(function () {
$('#container').highcharts({
chart: {
type: 'areaspline'
},
title: {
text: 'Average fruit consumption during one week'
},
legend: {
layout: 'vertical',
align: 'left',
verticalAlign: 'top',
x: 150,
y: 100,
floating: true,
borderWidth: 1,
backgroundColor: '#FFFFFF'
},
xAxis: {
categories: [
'Monday',
'Tuesday',
'Wednesday',
'Thursday',
'Friday',
'Saturday',
'Sunday'
],
plotBands: [{ // visualize the weekend
from: 4.5,
to: 6.5,
color: 'rgba(68, 170, 213, 0)'
}]
},
yAxis: {
title: {
text: 'Fruit units'
}
},
tooltip: {
shared: true,
valueSuffix: ' units'
},
credits: {
enabled: false
},
plotOptions: {
areaspline: {
color:'#rgba(255, 186, 0, 0.2)',
lineColor:'#ffba00',
fillOpacity: 0.2
}
},
series: [{
name: 'John',
data: [3, 4, 3, 5, 4, 10, 12],
marker:{//线上数据点
radius:0,
lineWidth:0,
lineColor:'#fba845',
fillColor:'#fba845',
states:{
hover:{
enabled:false
}
}
}
}]
});
});
highcharts曲线区域图-改变区域图颜色
最新推荐文章于 2022-04-27 11:40:40 发布