Javascript jQuery Flotcharts-结束于数据点的直线系列
以下flot图表的格式有问题: 我想要我的第二个系列(灰色)笔直,就像正方形一样。它应该从682开始,到683结束。如何解决 我的flot选项:Javascript jQuery Flotcharts-结束于数据点的直线系列,javascript,jquery,plot,flot,Javascript,Jquery,Plot,Flot,以下flot图表的格式有问题: 我想要我的第二个系列(灰色)笔直,就像正方形一样。它应该从682开始,到683结束。如何解决 我的flot选项: var options = { grid: { clickable: true, hoverable: true }, series: { lines: { show: true,
var options = {
grid: {
clickable: true,
hoverable: true
},
series: {
lines: {
show: true,
fill: true,
lineWidth: 0,
fillColor: { colors: [{opacity: 1 }, { opacity: 1}] },
},
},
colors: ["rgba(41, 150, 206, 0.9)", "rgba(67, 90, 110, 0.4)",],
crosshair: {
mode: "xy",
color: "#323232",
lineWidth: 1,
},
xaxis: {
mode: mode,
show: true,
position: "bottom",
color: "#323232",
font: {
size: 10,
lineHeight: 15,
},
labelHeight: 15,
},
yaxis: {
show: true,
position: "left",
color: "#323232",
labelWidth: 20,
font: {
size: 10,
},
max: 150,
min: 0,
},
pan: {
interactive: true,
cursor: "move",
frameRate: 60,
},
tooltip: true,
tooltipOpts: {
id: 'flotTip',
content: '%x : %y km/h',
shifts: {
x: 10,
y: 20,
},
defaultTheme: true,
lines: {
track: false,
threshold: 0.05,
},
}
};
如果在数据具有非零值的范围之外有零值,图形将用对角线连接这些(有效)数据点。如果要在特定点结束图形,请将该点后的值更改为
null
以下章节对此进行了描述:
如果将null指定为点,或者其中一个坐标为null或无法转换为数字,则在绘制时将忽略该点。作为一种特殊情况,线的空值被解释为线段端点,即空值前后的点不连接
我们如何在不显示代码的情况下从图像中给出解决方案?您的零系列值是否超出682到683范围?如果是这样的话,用
null
替换它们。它使用null工作,谢谢。我添加了一个答案,并做了一些解释。如果你觉得有帮助,请接受/投票。