Javascript 地块顶部的jqplot网格
我一直在修改一个jqplot图,其中网格线位于图的顶部(或前面,具体取决于您的观察方式),而不是默认的背景区域。我已经多次尝试使用z索引使其覆盖网格。但是,每次尝试都会使整个图形不起作用,并且由于未知原因,我没有收到任何错误 我使用的是一个堆积条形图,它实际上填充了整个网格,所以我看不到任何网格线,它们都隐藏在图形的下面(或后面) 代码如下:Javascript 地块顶部的jqplot网格,javascript,jqplot,Javascript,Jqplot,我一直在修改一个jqplot图,其中网格线位于图的顶部(或前面,具体取决于您的观察方式),而不是默认的背景区域。我已经多次尝试使用z索引使其覆盖网格。但是,每次尝试都会使整个图形不起作用,并且由于未知原因,我没有收到任何错误 我使用的是一个堆积条形图,它实际上填充了整个网格,所以我看不到任何网格线,它们都隐藏在图形的下面(或后面) 代码如下: <script type="text/javascript" language="javascript"> $.jqplot.confi
<script type="text/javascript" language="javascript">
$.jqplot.config.enablePlugins = true;
var plot;
var data1 = [];
var data2 = [];
var index = 0;
var num = 0;
var delta = 0;
$(document).ready(function(){
for (i=0; i<100; i++) {
num = getRandomNumber();
delta = 100 - num;
index++;
data1.push([ index, num]);
data2.push([ index, delta]);
}
plot = $.jqplot('graph', [data1, data2],{
title: 'my title',
animate: true,
stackSeries: true,
seriesDefaults:{
renderer:$.jqplot.BarRenderer,
rendererOptions: { highlightMouseDown: true },
pointLabels: {show: true}
},
series: [ {label: 'one'}, {label: 'two'} ],
seriesColors:['#ff0000', '#0000ff'],
legend: {
show: true,
location: 'e',
placement: 'outsideGrid'
},
grid: {
gridLineColor: '#333333',
borderWidth: 0
},
axesDefaults: {
pad: 0,
padMin: 0
},
axes: {
xaxis: {
showTicks: false,
pad: 0,
padMin: 0,
rendererOptions: { forceTickAt0: true, forceTickAt100: true }
},
yaxis: {
pad: 0,
padMin: 0,
rendererOptions: { forceTickAt0: true, forceTickAt100: true }
}
}
});
});
getRandomNumber = function(){
return Math.floor(Math.random()* 100);
};
</script>
$.jqplot.config.enablePlugins=true;
var图;
VarData1=[];
VarData2=[];
var指数=0;
var num=0;
var-delta=0;
$(文档).ready(函数(){
对于(i=0;i,通过一点DOM操作,您可以执行此操作,但您需要确保将网格背景颜色设置为透明,以使其正常工作。打印调用后:
gridCanvas = $($('.jqplot-grid-canvas')[0])
seriesCanvas = $($('.jqplot-series-canvas')[0])
gridCanvas.detach();
seriesCanvas.after(gridCanvas);
以下是一个示例。动画完成后,网格消失:/