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

Question

我有一個Flot圖表，它在x軸刻度標簽中顯示日期，但在點之間顯示標簽。 我只想在有值（點）時顯示x軸刻度標簽。 這可能嗎？

看到我的圖表的這張照片：

下面是我的代碼：

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']
  }
});

Answer 1

您可以嘗試使用

tickSize: [1, 'day']

在xaxis選項中，或直接用自己指定刻度

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

請參閱文檔以獲取更多幫助。