highcharts曲線區域圖-改變區域圖顏色
阿新 • • 發佈:2019-02-16
$(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 } } } }] }); });