jQWidgets jqxKnob max 属性介绍

简介

jQWidgets是一个领先的JavaScript框架，提供了超过70种UI控件和插件，并具有高度的可定制性。其中 jqxKnob 是jQWidgets提供的专业仪表盘插件，通过该插件可以轻松创建漂亮的仪表盘展示样式。

在jQWidgets jqxKnob插件中，max属性用于设置或获取该仪表盘的最大值。该属性的值可以是数字或字符串（数字字符串）。

语法

设置max属性的语法如下所示:

$('#jqxKnob').jqxKnob({ max: value });

获取max属性的语法如下所示:

var maxVal = $('#jqxKnob').jqxKnob('max');

示例

以下示例展示了如何在jQWidgets jqxKnob插件中使用max属性。在此示例中，我们创建一个仪表盘，其中max属性设置为100。

$(document).ready(function() {
  $("#jqxKnob").jqxKnob({
    min: 0,
    max: 100,
    value: 50,
    startAngle: 120,
    endAngle: 420,
    readOnly: true,
    style: {
      fill: "#ffffff",
      stroke: "#dfe3e9",
      strokeWidth: 1,
      textDistance: 0,
      labelColor: "#7d7d7d",
      labelFontSize: 12
    },
    marks: {
      colorRemaining: "#eeeeee",
      colorProgress: "#00a4e1",
      type: "line",
      offset: "71%",
      thickness: 3,
      size: "6%",
      majorSize: "9%",
      majorInterval: 10,
      minorInterval: 2
    },
    labels: {
      offset: "88%",
      step: 10,
      visible: true
    }
  });
});

参数

max属性可以接收以下参数：

• value： 数字或数字型字符串类型。表示该仪表盘的最大值。

注意事项

• max属性的默认值为100。
• 当仪表盘某一时刻的值超出max属性所设置的值时，仪表盘的指针将会停留在该位置，而不会超过max属性所设置的最大值。