这可以使用flotCharts完成,但我更喜欢使用Highcharts来绘制数据。
通过使用:
完成grid: {
markings: [ {
xaxis: { from: -1, to: 12 },
yaxis: { from: 100, to: 300 },
color: "#FFA5A5" }]}
我想知道在highcharts中这样的事情是否可行?
现在我正在使用limit-min和limit-max在y轴10处绘制一条线,如下所示:http://jsfiddle.net/kyUaR/32/但我宁愿从该点向上改变整个背景。
答案 0 :(得分:2)
flots
标记与Highchart的plot bands类似。
快速举例:
$('#container').highcharts({
chart: {
type: 'column'
},
yAxis: {
plotBands: [{
color: '#FCFFC5',
from: 100,
to: 300
}]
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}]
});
小提琴here。