Javascript 设置心电图纸样网格间隔(highcharts.js)

Javascript 设置心电图纸样网格间隔(highcharts.js),javascript,highcharts,Javascript,Highcharts,我需要用highcharts显示一个ECG结果,它基本上是一个简单的线/样条曲线图,但有一些调整。心电图纸如下所示: 这也是我想通过hightcharts实现的目标。一个小正方形表示0.1 mV和0.04 s,因此一个大正方形表示0.5 mV和0.2 s。我知道有一个tickInterval设置,但在这种情况下不起作用,我认为间隔太小,因为它会随机隐藏网格线 最佳解决方案是,如果需要隐藏网格线(太宽的数据),则只隐藏小正方形。为了避免混淆用户,我们还希望网格线的颜色不同,所以每五行应该是红色的,

我需要用highcharts显示一个ECG结果,它基本上是一个简单的线/样条曲线图,但有一些调整。心电图纸如下所示:

这也是我想通过hightcharts实现的目标。一个小正方形表示0.1 mV和0.04 s,因此一个大正方形表示0.5 mV和0.2 s。我知道有一个tickInterval设置,但在这种情况下不起作用,我认为间隔太小,因为它会随机隐藏网格线

最佳解决方案是,如果需要隐藏网格线(太宽的数据),则只隐藏小正方形。为了避免混淆用户,我们还希望网格线的颜色不同,所以每五行应该是红色的,其他的应该是灰色的


highcharts是否可以实现这一点?

minorTicks功能似乎非常适合这种情况。将此选项与
minorTickInterval
一起使用。两个轴的配置如下所示:

var axesOptions = {
  tickInterval: 0.5,
  minorTicks: true,
  minorTickInterval: 0.1,
  gridLineWidth: 1,
  gridLineColor: 'red'
};
现场演示:

如果在任何轴上都看不到次刻度,此代码将在所有轴上隐藏它们(并在需要时恢复):


API参考资料:


minorTicks
功能似乎非常适合这种情况。将此选项与
minorTickInterval
一起使用。两个轴的配置如下所示:

var axesOptions = {
  tickInterval: 0.5,
  minorTicks: true,
  minorTickInterval: 0.1,
  gridLineWidth: 1,
  gridLineColor: 'red'
};
现场演示:

如果在任何轴上都看不到次刻度,此代码将在所有轴上隐藏它们(并在需要时恢复):


API参考资料:


您尝试过使用小刻度吗?:这不是一个坏主意,但在某些情况下,在X轴上显示小刻度,但在Y轴上不显示(或相反)。如何更改此行为,使两个轴的次刻度都打开或关闭?是否尝试使用次刻度?:这不是一个坏主意,但在某些情况下,X轴上显示次刻度,但Y轴上不显示(或相反)。如何更改此行为,使轴的两个小刻度都打开或关闭?太棒了,此渲染魔法正是我需要的,谢谢:)太棒了,此渲染魔法正是我需要的,谢谢:)