Highcharts 小部件，具有基于 Thingspeak 数据的文本输出

Question

我已经使用 highcharts 工作了一段时间，根据测量数据来可视化柱、线。

现在我正在努力寻找一种方法来根据输入数据在小部件中显示预定义的“文本”。

示例： 降雨强度数据从 0 到 0.1 --> 短信应为“小雨”， 降雨强度数据将为 0.2 到 1.0 --> 同一小部件中的短信应更改为“中雨”等。

有人可以提示如何解决这个问题吗？ 再说一次，我不需要图表、条形图、仪表..只需框中的文本，根据测量数据显示变量。谢谢您的任何提示！

我已经筛选了网络，但到目前为止只能找到标签定义或静态附加到图表中的值的文本标签。

Answer 1

您可以根据

y

值设置数据标签的格式。例如：

  plotOptions: {
    bar: {
      dataLabels: {
        ...,
        formatter() {
          if (this.y <= 0.1) {
            return 'low rain';
          } else if (this.y <= 1) {
            return 'medium rain';
          } else {
            return 'heavy rain';
          }
        }
      }
    }
  }

---

现场演示：https://jsfiddle.net/BlackLabel/yxq6dcLk/

API 参考： https://api.highcharts.com/highcharts/plotOptions.bar.dataLabels.formatter