Javascript jQuery Flotcharts-显示网格线?
我正在使用。为什么我的网格线消失了 以下是“我的打印选项”的代码:Javascript jQuery Flotcharts-显示网格线?,javascript,jquery,html,charts,flot,Javascript,Jquery,Html,Charts,Flot,我正在使用。为什么我的网格线消失了 以下是“我的打印选项”的代码: var options = { grid: { markings: EVS, clickable: true, hoverable: true }, series: { lines: { show: true, fill:
var options = {
grid: {
markings: EVS,
clickable: true,
hoverable: true
},
series: {
lines: {
show: true,
fill: true,
lineWidth: 1,
fillColor: {
colors: [{
opacity: 1
}, {
opacity: 1
}]
}
}
},
colors: ["rgba(41, 150, 206, 0.9)", "rgba(67, 90, 110, 0.4)", "rgba(255, 255, 255, 1)"],
crosshair: {
mode: "xy",
color: "#323232",
lineWidth: 1
},
xaxis: {
mode: mode,
show: true,
position: "bottom",
color: "#323232",
font: {
size: 10,
lineHeight: 15
},
labelHeight: 15,
tickLength: 5
},
yaxis: {
show: true,
position: "left",
color: "#323232",
labelWidth: 20,
font: {
size: 10
},
max: vmax + 20,
min: 0,
minTickSize: 1,
tickSize:20,
tickLength: 10
},
pan: {
interactive: true,
cursor: "move",
frameRate: 60
},
tooltip: true,
tooltipOpts: {
id: 'flotTip', //"flotTip"
content: '%x : %y km/h', //"%s | X: %x | Y: %y"
shifts: {
x: 10, //10
y: 20 //20
},
defaultTheme: true, //true
lines: {
track: true, //false
threshold: 0.01 //0.05
},
onHover: function (flotItem, $tooltipEl) {
if (flotItem.seriesIndex == 1) $tooltipEl[0].innerHTML = "Postój";
}
}
};
我只想要简单的yaxis线
另外,十字线来自十字线插件。如果您想在刻度处设置线条,请不要设置
tickLength
选项。Flot本身没有“网格线”,但可以在网格中划出刻度线。如果只希望它们位于一个轴上,请在一个轴上设置选项,但不要在另一个轴上设置选项
从(我的)重点:
“tickLength”是刻度线的长度(以像素为单位)默认情况下,最里面的轴将具有贯穿整个绘图的记号,而任何额外的轴都使用小记号。空值表示使用默认值,,而数字表示该长度的小刻度-将其设置为0以完全隐藏行