📜  jQWidgets jqxRangeSelector showMinorTicks 属性(1)

📅  最后修改于: 2023-12-03 15:32:19.219000             🧑  作者: Mango

jQWidgets jqxRangeSelector showMinorTicks 属性

简介

jQWidgets 是一个面向于开发HTML5、jQuery、React、Angular以及Vue组件的集成库,是一个Web开发技术者开发Web应用程序的理想选择。jqxRangeSelector 是jQWidgets中的一个范围选择器组件,提供了一个直观的用户界面,在包括图表、轴和数据可视化的范围选择器的基础上,大大简化了交互和数据可视化。

showMinorTicks 属性是 jqxRangeSelector 组件中的一个配置项,可以控制范围选择器中是否显示次要的刻度线。

用法

下面是 showMinorTicks 属性的用法示例:

$("#jqxRangeSelector").jqxRangeSelector({
    showMinorTicks: true // 显示次要的刻度线
});
实例

在这个例子中,我们将使用 showMinorTicks 属性来控制 jqxRangeSelector 范围选择器中的刻度线。


//初始化 jqxRangeSelector 范围选择器
$("#jqxRangeSelector").jqxRangeSelector({
    width: 600,
    height: 100,
    min: new Date(2018, 04, 01),
    max: new Date(2018, 05, 01),
    showMinorTicks: true,
    range: { from: new Date(2018, 04, 05), to: new Date(2018, 04, 20) }
});

在上面的代码中,我们控制 showMinorTicks 属性以显示次要的刻度线。

结论

jQWidgets jqxRangeSelector 的 showMinorTicks 属性可以用于控制范围选择器中是否显示次要的刻度线。该属性为布尔类型,默认值为 false,如果设置为 true,次要的刻度线将显示出来。