Flot圖表 - 刪除點之間的刻度標籤

我有一個Flot圖表，顯示x軸刻度標籤中的日期，但顯示點之間的標籤。只有當我有值（點）時，我纔想顯示x軸刻度標籤。這可能嗎？Flot圖表 - 刪除點之間的刻度標籤

看我圖的這張照片：

而下面是我的代碼：

sin.push([dataToTimestamp('01/03/2017'), 60000]); 
sin.push([dataToTimestamp('02/03/2017'), 70000]); 
sin.push([dataToTimestamp('03/03/2017'), 50000]); 


cos.push([dataToTimestamp('01/03/2017'), 50000]); 
cos.push([dataToTimestamp('02/03/2017'), 80000]); 
cos.push([dataToTimestamp('03/03/2017'), 70000]); 


var line_data1 = { 
    data: sin, 
    color: "#3c8dbc" 
}; 
var line_data2 = { 
    data: cos, 
    color: "#00c0ef" 
}; 
$.plot("#line-chart", [line_data1, line_data2], { 
    grid: { 
    hoverable: true, 
    borderColor: "#f3f3f3", 
    borderWidth: 1, 
    tickColor: "#f3f3f3" 
    }, 
    series: { 
    shadowSize: 0, 
    lines: { 
     show: true 
    }, 
    points: { 
     show: true 
    } 
    }, 
    lines: { 
    fill: false, 
    color: ["#3c8dbc", "#f56954"] 
    }, 
    yaxis: { 
    show: true, 
    }, 
    xaxis: { 
    show: true, 
    mode: "time", 
    timeformat:"%d/%m/%y", 
    //timeformat:"%d/%m/%y %H:%M:%S", 
    //tickSize: [4, 'hour'] 
    } 
});

來源

2017-03-17 user1352652

順便說一句：你所說的圖例稱爲Flot的軸刻度標籤。圖例包含數據庫的標籤（未包含在您的示例中）。 – Raidri

你可以嘗試使用

tickSize: [1, 'day']

在 xaxis選項

或指定蜱直接與你自己

ticks: [dataToTimestamp('01/03/2017'), dataToTimestamp('02/03/2017'), dataToTimestamp('03/03/2017')]

查看documentation獲取更多幫助。

來源

2017-03-17 09:47:23 Raidri

Flot圖表 - 刪除點之間的刻度標籤

回答

相關問題