似乎无法显示水平线,我看过以前的帖子,但没有任何可行的工作......也许我错过了一个导入?图表本身显示得很好。
$(document).ready(function(){
var line1 = [['January', 1], ['February', 2], ['March', 3],
['April', 4], ['May', 5], ['June', 6], ['July', 7], ['August', 8],
['September', 9], ['October', 10], ['November', 11], ['December', 12]];
//alert(<?=$graph[1]['st']?>);
var plot1 = $.jqplot('settle_graph', [line1], {
title: 'Monthly Settlements',
grid:{drawBorder: false, shadow:false},
canvasOverlay: {
show: true,
objects: [
{horizontalLine: {
name: '# Settlements from Budget',
y: 6,
lineWidth: 3,
color: '#444444',
shadow: true,
show:true,
lineCap: 'butt',
xOffset: 0
}}
]
},
series:[{renderer:$.jqplot.BarRenderer}],
seriesDefaults: {
rendererOptions: {
varyBarColor : true,
barPadding: 2, // number of pixels between adjacent bars in the same
// group (same category or bin).
barMargin: 3, // number of pixels between adjacent groups of bars.
barDirection: 'vertical', // vertical or horizontal.
barWidth: null//, // width of the bars. null to calculate automatically.
//shadowOffset: 2, // offset from the bar edge to stroke the shadow.
//shadowDepth: 5, // nuber of strokes to make for the shadow.
//shadowAlpha: 0.8, // transparency of the shadow.
}
},
axesDefaults: {
tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
tickOptions: {
angle: -30,
fontSize: '10pt'
},rendererOptions: {
baselineWidth: 1,
baselineColor: '#444444',
drawBaseline: true
}
},
axes: {
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
tickOptions:{
showGridline: false
}
},
yaxis: {
tickOptions:{
showGridline: false
}
}
},
seriesColors: ["#4FCBEA", "#4FCBEA", "#4FCBEA", "#4FCBEA",
"#4FCBEA", "#4FCBEA", "#4FCBEA", "#4FCBEA",
"#4FCBEA", "#4FCBEA", "#4FCBEA", "#4FCBEA"],
});
});
之前有人做过简单的水平线吗?
答案 0 :(得分:8)
您需要添加jqplot.canvasOverlay.js
插件才能显示叠加层
答案 1 :(得分:1)
感谢SDESPONT,通过查看插件文件夹中的内容,今天早上发现它已经丢失了。)
<script type="text/javascript"
src="jqplot/plugins/jqplot.canvasOverlay.min.js"></script>
我希望通过电子邮件将您的回复发送给我:)