Flot Chart - 删除点之间的刻度标签
Flot Chart - remove tick labels between points
我有一个 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']
}
});
您可以尝试使用
tickSize: [1, 'day']
在 xaxis
选项中或使用
自己直接指定刻度
ticks: [dataToTimestamp('01/03/2017'), dataToTimestamp('02/03/2017'), dataToTimestamp('03/03/2017')]
请参阅 documentation 以获得更多帮助。
我有一个 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']
}
});
您可以尝试使用
tickSize: [1, 'day']
在 xaxis
选项中或使用
ticks: [dataToTimestamp('01/03/2017'), dataToTimestamp('02/03/2017'), dataToTimestamp('03/03/2017')]
请参阅 documentation 以获得更多帮助。