Javascript Flot:无法在垂直条形图上显示阈值
我试图将阈值添加到垂直条形图中,但无论出于何种原因,它们都无法显示 以下是我对图表的设置:Javascript Flot:无法在垂直条形图上显示阈值,javascript,jquery,flot,Javascript,Jquery,Flot,我试图将阈值添加到垂直条形图中,但无论出于何种原因,它们都无法显示 以下是我对图表的设置: var metOptions = { series:{ bars: { show: true, align: "center", barWidth: 24 * 60 * 60 * 600, lineWidth: 1, fill: 0.7, },
var metOptions = {
series:{
bars: {
show: true,
align: "center",
barWidth: 24 * 60 * 60 * 600,
lineWidth: 1,
fill: 0.7,
},
},
xaxis: {
mode: "time",
axisLabel: "Date",
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 10,
color: "black",
},
yaxes: [{
position: "left",
min: 90,
max: 100,
color: "black",
tickDecimals: 2,
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 12,
axisLabelFontFamily: 'Verdana, Arial',
axisLabelPadding: 3
}
],
legend: {
noColumns: 1,
labelBoxBorderColor: "#000000",
position: "ne"
},
grid: {
hoverable: true,
borderWidth: 2,
mouseActiveRadius: 50,
backgroundColor: { colors: ["#ffffff", "#EDF5FF"] },
axisMargin: 20
},
tooltip: true,
tooltipOpts: {
content: "%x, %y%"
}
};
以下是我的数据集定义:
var dataset = [
{
label: "Metalization",
data: chartData,
color: "#F00",
threshold: [
{
below: 95,
color: "rgb(0, 0, 255)"
},
{
below: 94,
color: "rgb(0, 255, 0)"
}
],
}
]
$.plot($("#metal-variance"), dataset, metOptions);
以下是我目前正在测试的数据:
[[1445144400000,95.76],[1445230800000,95.83],[1445317200000,93.99],[1445403600000,94.57],[1445490000000,93.37],[1445576400000,88.53]]
X是时间戳,Y是值
下面是生成的图形的屏幕截图:
因此,我设置了阈值,如果值低于94,则该条应为绿色,但从图像中可以看到,第三条和第五条低于94,但仍显示为红色
对此问题的任何帮助都将不胜感激。在以下方面起作用:
您确定已经包含了jquery.flot.threshold.min.js
文件吗?用于:
您确定已经包含了
jquery.flot.threshold.min.js
文件吗?是的,正在加载阈值脚本,我可以从这个视图中找到断点。阈值也适用于其他视图,但似乎此视图中的某些内容导致它失败,我不知道为什么。尝试构建一个显示您的问题的小提琴,然后我可以查看它。否则我看不出原因是什么。我想我找到了答案。我注意到在小提琴中,你引用了min文件,所以我把我的引用换成了min文件,它完美地工作了,当然我不知道为什么会这样,但我有时间稍后再弄清楚。感谢您的帮助@Raidri。您使用哪个版本的阈值插件?我的fiddle使用的是1.2版。这也是我正在使用的版本。是的,正在加载阈值脚本,我可以从这个视图中找到断点。阈值也适用于其他视图,但似乎此视图中的某些内容导致它失败,我不知道为什么。尝试构建一个显示您的问题的小提琴,然后我可以查看它。否则我看不出原因是什么。我想我找到了答案。我注意到在小提琴中,你引用了min文件,所以我把我的引用换成了min文件,它完美地工作了,当然我不知道为什么会这样,但我有时间稍后再弄清楚。感谢您的帮助@Raidri。您使用哪个版本的阈值插件?我的小提琴使用的是1.2版。这也是我正在使用的版本