2017-03-17 37 views
0

私は、x軸の目盛りラベルで日付を示している点の間にラベルを表示しているFlotグラフを持っています。私は値(ポイント)があるときだけ、x軸目盛りのラベルを表示したい。これは可能ですか?Flot Chart - ポイント間の目盛りラベルを削除する

私のチャートのこの絵を参照してください: enter image description here

そして、以下は私のコードです:

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

Btw:Flotによって凡例と呼ばれるものを軸目盛ラベルといいます。凡例には、データセットのラベルが含まれます(例には含まれていません)。 – Raidri

答えて

0

あなたはxaxisオプションで

tickSize: [1, 'day'] 

を使用するか、ダニを指定しようとすることができます直接ご自身で

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

詳細については、documentationを参照してください。

関連する問題