Javascript 设置心电图纸样网格间隔(highcharts.js)
我需要用highcharts显示一个ECG结果,它基本上是一个简单的线/样条曲线图,但有一些调整。心电图纸如下所示: 这也是我想通过hightcharts实现的目标。一个小正方形表示0.1 mV和0.04 s,因此一个大正方形表示0.5 mV和0.2 s。我知道有一个tickInterval设置,但在这种情况下不起作用,我认为间隔太小,因为它会随机隐藏网格线 最佳解决方案是,如果需要隐藏网格线(太宽的数据),则只隐藏小正方形。为了避免混淆用户,我们还希望网格线的颜色不同,所以每五行应该是红色的,其他的应该是灰色的Javascript 设置心电图纸样网格间隔(highcharts.js),javascript,highcharts,Javascript,Highcharts,我需要用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轴上不显示(或相反)。如何更改此行为,使轴的两个小刻度都打开或关闭?太棒了,此渲染魔法正是我需要的,谢谢:)太棒了,此渲染魔法正是我需要的,谢谢:)