Question

我在格式化以下flot图时遇到问题：

我希望我的第二个系列（灰色）笔直，就像方形一样。它应该从682开始到683结束。如何解决？

我的flot的选项：

var options = {
        grid: {
            clickable: true,
            hoverable: true 
        },
        series: {
            lines: {
                show: true,
                fill: true,
                lineWidth: 0,
                fillColor: { colors: [{opacity: 1 }, { opacity: 1}] },

            },

        },
        colors: ["rgba(41, 150, 206, 0.9)", "rgba(67, 90, 110, 0.4)",],
        crosshair: {
            mode: "xy",
            color: "#323232",
            lineWidth: 1,
        },
        xaxis: {
            mode: mode,
            show: true,
            position: "bottom",
            color: "#323232",
            font: {
                size: 10,
                lineHeight: 15,
            },
            labelHeight: 15,
        },
        yaxis: {
            show: true,
            position: "left",
            color: "#323232",
            labelWidth: 20,
            font: {
                size: 10,
            },
            max: 150,
            min: 0,
        },
        pan: {
            interactive: true,
            cursor: "move",
            frameRate: 60,
        },
        tooltip: true,
        tooltipOpts: {
            id:             'flotTip',                 
            content:        '%x : %y km/h',      
            shifts: {
                x:          10,                    
                y:          20,                    
            },
            defaultTheme:   true,                 
            lines: {
                track:      false,                 
                threshold:  0.05,                  
            },

        }
    };

Answer 1

如果零值超出数据具有非零值的范围，则图形将使用对角线连接这些（有效）数据点。如果要在特定点结束图表，请将该点后的值更改为null。

documentation：

中对此进行了描述

如果将null指定为点，或者其中一个坐标为null或无法转换为数字，则绘制时将忽略该点。作为特殊情况，行的空值被解释为线段结束，即空值之前和之后的点未连接。

jQuery Flotcharts - 以数据点结尾的直线系列

1 个答案: