在 HighCharts 上设置图标（图像）时遇到问题

Question

我在我的系列上设置图标时遇到了一些麻烦 over,infront,top,bot (anywhere) it.
我正在使用 API (agromonitoring.com) 通过 XHTML 请求获取数据，将其解析为 JSON 然后使用 Highcharts 显示，主要问题是大多数示例添加图标或图像使用的是 xAxis 分类，但在我的例子中，我使用的是 xAxis "date-time"，它总是在变化，这就是为什么我不能使用这个例子（https://www.highcharts.com/demo/spline-symbols）当然我试过了，但它没有'没用。

这是 Highcharts 的示例
https://codepen.io/pen/?editors=0010

这是我的例子（两个网站都一样）
https://playcode.io/447786（喜欢 PlayCode 因为集成了控制台）
https://jsfiddle.net/Miguel5tuxD/afgrzLv7/

我正在尝试使用从该 Switch 获取的 iconUrl，然后将大约 40 个图标解析到 Highchart

期待类似示例的内容，但所有点都是图标

Answer 1

问题是您没有在任何地方为点标记设置图标 URL。所以解决方案是像这样传递点数组（样条系列）：

[{
  x: x,
  y: y,
  marker: {
    symbol: url
  }
}, ...]

在你的例子中：

{
  name: 'Temperatura',
  type: 'spline',
  data: datos3.map((item, index) => {
    return {
      x: item[0],
      y: item[1],
      marker: {
        symbol: datos[index],
        width: 20,
        height: 20
      }
    }
  }),
  tooltip: {
    valueSuffix: ' °C',
    valueDecimals: 2,
  },
  marker: {
    enabled: true
  },
  color: Highcharts.getOptions().colors[2],
}

演示：

https://jsfiddle.net/BlackLabel/c81qz5vr/

在 HighCharts 上设置图标（图像）时遇到问题

Getting problems to Set Icons(Image) on HighCharts

javascript

api

xhtml

highcharts