Question

我有多个仪表的设计与我在另一个答案中找到的相似：http://jsfiddle.net/Fe6yJ/790/

在我的仪表中，我没有常规刻度，但每个刻度中都有一致数量的刻度，每个刻度都代表我系统中的一定限度。我想在刻度线上添加文字以表明它们的含义。我想要实现的伪代码：

// gauge1
tickPositions: [100, 200, 300, 400]
tickNames: ["normal", "heavy", "warning", "critical"]

// gauge2
tickPositions: [150, 250, 500, 525]
tickNames: ["normal", "heavy", "warning", "critical"]

基本上，刻度名称在各个量程中都是相同的，但位置可能不同。在最终结果中，我想要在仪表上看到的是刻度，这些刻度可以说是

normal (150)
heavy (250)
warning (500)
critical (525)

或类似的文字格式，只要它是名称 - 值对。我怎样才能做到这一点？

Answer 1

您可以使用label.formatter函数。在此函数中，可以将标签设置为特定字符串，具体取决于其值。在这里，您可以找到可以帮助您的代码：

labels: {
    enabled: true,
    distance: 20,
    formatter: function() {
      var value = this.value, string;
      if (value < 33) {
        string = 'normal'
      } else if (value < 66) {
        string = 'heavy'
      } else if (value < 100) {
        string = 'warning'
      } else string = 'critical';
      return string;
    }
  },

在这里，您可以看到实时示例如何运作：http://jsfiddle.net/Fe6yJ/935/

如何将文字添加到仪表的刻度线？

1 个答案: