绘图图表 - 如果在折线图上找不到数据,则隐藏x轴数据值

时间:2017-07-12 04:27:20

标签: php jquery flot

如果没有找到数据,我试图隐藏x轴数据标签。请参阅下面的屏幕截图。我想展示" 0"或空文本而不是日期" 01/01/1970"。

enter image description here

我该怎么做?我目前的flot图表代码如下:

$.plot(elem, dataset1, 
        {
            lines: { show: true, fill:true },
            points: { show: true },
            shadowSize: 0,
            yaxis : {
                show : true,
                axisLabel : '<font style="color:#787878"><i>Total Views</i></font>',
                position: 'left',
                axisLabelPadding: 10,
                tickDecimals: 0,
                color: "#E0E0E0"
            },
            xaxis: {
                mode: "time",
                timeformat: "%d/%m/%Y",
                minTickSize: [1, "day"],
                color: "#E0E0E0",
                axisLabel: '<font style="color:#787878">Date</font>',
                axisLabelPadding: 20,
            },
            grid: {
                hoverable: true,
                borderWidth: 0
            },
            legend: { show: true, container: $('#legend-container'), noColumns: 1 },
            tooltip: true,
            tooltipOpts: {
                content: function(label, xval, yval) {
                    var d = new Date(xval);
                    return label + ' (' + d.getDate() + '/' + (d.getMonth()+1) + '/' + d.getFullYear() +') : ' + yval
                },
                shifts: {
                    x: 20,
                    y: 0
                },
                defaultTheme: false
            },
            colors: [ "#4682B4" ]
        }

1 个答案:

答案 0 :(得分:1)

您可以将以下内容添加到轴选项中,以便仅在数据集中存在数据点时显示轴:

xaxis: {
    show: dataset1.length > 0
    ...