Question

当没有值时，是否可以防止flot在y轴上显示-1？

提前致谢。

//编辑：我正在为某些服务器创建统计图表（每小时访问次数）。有些服务器一天没有访问权限，因此flot图表中没有数据。

用于创建我的flot图表的Javascript：

function onOutboundReceived(data) {
    var length = data.length;
    var finalData = data;
    var options = {
        series: {
             lines: {
                 show: true,
                 lineWidth: 2, 
                 fill: true,
                 fillColor: {
                 colors: [{
                     opacity: 0.2
                 },{
                     opacity: 0.01
                 }]
             } 
        },
        points: {
            show: true
        },
            shadowSize: 2
                },
                legend:{
                  show: false
                },
                grid: {
                    labelMargin: 10,
                    axisMargin: 500,
                    hoverable: true,
                    clickable: true,
                    tickColor: "rgba(255,255,255,0.22)",
                    borderWidth: 0
                },
                yaxis: {
                    ticks: 5,
                    tickDecimals: 0
                },
                xaxis: {
                    ticks: 24,
                    tickDecimals: 0
                }
            };
            $.plot($("#stats-"+HSIDarr[i]), finalData, options);

Answer 1

根据API doc，您可以为min指定max和axis属性：

选项“min”/“max”是刻度上的精确最小值/最大值。如果未指定其中任何一个，将根据最小/最大数据值自动选择一个值。

这样做的例子是绘图初始化：

$.plot($("#placeholder"), [ [[0, 0], [1, 1]] ], { yaxis: { max: 1 } });

这里的代码片段展示了min和max值。

$.plot($("#graph"), [ [[0, 0], [1, 1]] ], { yaxis: { max: 1, min: 1 } });

#graph {
  width: 600px;
  height: 300px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.js"></script>

<div id="graph" style="width:600px;height:300px"></div>

Answer 2

您可以在绘图选项中指定y轴的最小值和最大值，请参阅documentation。

jQuery flot - 当没有值时，不要在yaxis上显示-1

2 个答案: