Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript barwidth选项在jquery flot上不起作用_Javascript_Jquery_Flot - Fatal编程技术网

Javascript barwidth选项在jquery flot上不起作用

Javascript barwidth选项在jquery flot上不起作用,javascript,jquery,flot,Javascript,Jquery,Flot,我想用条形图画一个折线图。一切都很顺利。 这是我的密码 $.plot(holder, [ { data: data[0].data, lines: { show: true }, label:"Service Level" }, { data: data[1].data, bars: { show: true }, yaxis: 2, label:"# Of Calls" } // set second serie

我想用条形图画一个折线图。一切都很顺利。 这是我的密码

 $.plot(holder, [
                    { data: data[0].data, lines: { show: true }, label:"Service Level" },
                    { data: data[1].data, bars: { show: true }, yaxis: 2, label:"# Of Calls" } // set second series to use second axis
               ], {
                   yaxes: [{
                       min: 0, // options for first axis,
                       max: 100,
                       tickFormatter: function (val, axis) {
                           return val + '%';
                       }
                   }, {
                       alignTicksWithAxis: 1, // options for second axis, put it on right
                       position: "right"
                   }],
                   xaxis: {
                       min: minVal.getTime(),
                       max: maxVal.getTime(),
                       mode: "time",
                       timeformat: timeFormat,
                       //twelveHourClock: true,
                       tickSize: [tickVal, modeChart],
                       //monthNames: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
                       tickLength: 0
                   },
                   bars: {
                        barWidth: 24 * 60 * 60,
                   },
                   grid: {
                       hoverable: true,
                       clickable: false,
                       borderWidth: 0
                   },
               });
           }
我已经设置了
barWidth
,无论我如何更改该值,条的宽度都不会改变。你能帮我吗

我指的是这张图中的蓝色


条码宽度是一个,您可以全局或按系列指定:

全球:

...
series: { // you are missing this
    bars: {
        barWidth: 24 * 60 * 60,
    },
}
...
每个系列:

{ data: data[1].data, bars: { show: true, barWidth: 24 * 60 * 60 }, yaxis: 2, label:"# Of Calls" } // set second series to use second axis

barWidth
是一个,您可以全局或按系列指定它:

全球:

...
series: { // you are missing this
    bars: {
        barWidth: 24 * 60 * 60,
    },
}
...
每个系列:

{ data: data[1].data, bars: { show: true, barWidth: 24 * 60 * 60 }, yaxis: 2, label:"# Of Calls" } // set second series to use second axis

barWidth
是一个,您可以全局或按系列指定它:

全球:

...
series: { // you are missing this
    bars: {
        barWidth: 24 * 60 * 60,
    },
}
...
每个系列:

{ data: data[1].data, bars: { show: true, barWidth: 24 * 60 * 60 }, yaxis: 2, label:"# Of Calls" } // set second series to use second axis

barWidth
是一个,您可以全局或按系列指定它:

全球:

...
series: { // you are missing this
    bars: {
        barWidth: 24 * 60 * 60,
    },
}
...
每个系列:

{ data: data[1].data, bars: { show: true, barWidth: 24 * 60 * 60 }, yaxis: 2, label:"# Of Calls" } // set second series to use second axis


因为x轴是时间,所以单位是毫秒。通过将条形宽度指定为
24*60*60
可以将宽度设置为一天的千分之一,或大约1.5分钟。对于一张跨越几个月的图表来说,1.5分钟很小,可能不是你想要的。如果希望条形宽度为一天,则应指定条形宽度为
24*60*60*1000

由于x轴为时间,因此单位为毫秒。通过将条形宽度指定为
24*60*60
可以将宽度设置为一天的千分之一,或大约1.5分钟。对于一张跨越几个月的图表来说,1.5分钟很小,可能不是你想要的。如果希望条形宽度为一天,则应指定条形宽度为
24*60*60*1000

由于x轴为时间,因此单位为毫秒。通过将条形宽度指定为
24*60*60
可以将宽度设置为一天的千分之一,或大约1.5分钟。对于一张跨越几个月的图表来说,1.5分钟很小,可能不是你想要的。如果希望条形宽度为一天,则应指定条形宽度为
24*60*60*1000

由于x轴为时间,因此单位为毫秒。通过将条形宽度指定为
24*60*60
可以将宽度设置为一天的千分之一,或大约1.5分钟。对于一张跨越几个月的图表来说,1.5分钟很小,可能不是你想要的。如果您希望条形宽度为一天,那么您应该指定条形宽度为
24*60*60*1000

谢谢您的回答,我会测试并更新您,请问您是否在那里,以便我可以根据数据和可用宽度自动调整条形宽度?这个条形宽度快把我逼疯了:)我尝试了你的第二个解决方案,但没有改变,条形宽度仍然是静态的现在我尝试了你的第一个解决方案,但仍然没有改变:(@AgnieszkaPolec,对我有效:它只在firefox上有效,而不是在chrome上。我不知道为什么。+1我会接受你的ansewr,但如果你知道它为什么在firefox上有效,请告诉我。非常感谢你的回答,我会测试并更新你,无论如何,请你在那里,这样我就可以根据数据自动调整条宽and可用宽度?此条形宽度快让我发疯了:)我尝试了你的第二个解决方案,但没有改变,条形宽度仍然是静态的现在我尝试了你的第一个解决方案,但仍然没有改变:(@AgnieszkaPolec,对我有效:它只在firefox上有效,而不是在chrome上。我不知道为什么。+1我会接受你的ansewr,但如果你知道它为什么在firefox上有效,请告诉我。非常感谢你的回答,我会测试并更新你,无论如何,请你在那里,这样我就可以根据数据自动调整条宽and可用宽度?此条形宽度快让我发疯了:)我尝试了你的第二个解决方案,但没有改变,条形宽度仍然是静态的现在我尝试了你的第一个解决方案,但仍然没有改变:(@AgnieszkaPolec,对我有效:它只在firefox上有效,而不是在chrome上。我不知道为什么。+1我会接受你的ansewr,但如果你知道它为什么在firefox上有效,请告诉我。非常感谢你的回答,我会测试并更新你,无论如何,请你在那里,这样我就可以根据数据自动调整条宽and可用宽度?此条形宽度快让我发疯了:)我尝试了你的第二个解决方案,但没有改变,条形宽度仍然是静态的现在我尝试了你的第一个解决方案,但仍然没有改变:(@AgnieszkaPolec,对我有效:它只在firefox上有效,而不是在chrome上。我不知道为什么。+1我会接受你的ansewr,但如果你知道它为什么在firefox上有效,请告诉我。非常感谢+1感谢你的努力,但我给了你几个月的例子,事实上,我在一天的范围内尝试了它,但仍然是一样的,但当
@Mark
给了我一个答案,这个答案对我有效+1谢谢你的努力,但我给了你几个月的例子,实际上,我试了一天的时间,结果还是一样,但是当
@Mark
给了我答案时,这个答案对我有效+1谢谢你的努力,但我给了你几个月的例子,实际上,我在一天的范围内试过,但还是一样,但是当
@Mark
给我一个答案时,这个答案对我有效+1谢谢你的努力,但我给了你几个月的例子,实际上,我在一天的范围内试过,仍然一样,但是当
@Mark
给我一个答案时,这个答案对我有效