Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.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 Flot:无法在垂直条形图上显示阈值_Javascript_Jquery_Flot - Fatal编程技术网

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版。这也是我正在使用的版本