在表格中自定义数据，用于高图点

Question

我有一个柱状图，我想在xAxis图例中添加一个网址。

数据看起来像:

{
              name: 'Title,
              y: 123,
              thumbnailURL: 'blabla.com',
}

xAxis: {
      gridLineWidth: 1,
      type: 'category',
      labels: {
        x: -130,
        useHTML: true,
        align: 'left',
        formatter() {//get the url here}

formater函数必须使用这3个值来绘制我想要的东西。

DEMO :https:/jsfiddle.net6a97ckzr2

但我找不到一个方法，为 this 内的formatter函数中的自定义属性url（每个数据值都不同。

我试了所有的方法，但都不成功

chart = {
  series: [
    {
      keys: ['thumbnailURL', 'y'],
      data: [{
          name: v.name,
          y: v.value,
          thumbnailURL: v.thumbnailURL,
        }]
      }),
    },
  ],
}

chart = {
  series: [
    {
      keys: ['thumbnailURL', 'y'],
      data: [[
           v.name,
          v.value,
          v.thumbnailURL,
        ]]
      }),
    },
  ],
}

我如何在标签中获得我的自定义值？

Answer 1

在这种情况下 this.value 是一个数据点名称。如果你想从一个点上获得一些其他属性，你可以使用。

this.chart.series[0].options.data[this.pos].customUrl

---

Live demo: https:/jsfiddle.netBlackLabelh24sc1gn。

API参考。 https:/api.highcharts.comhighchartsxAis.label.formatter。