时间戳

首页 > 解决方案 > highchart 点格式化程序中的自定义数据

highcharts - highchart 点格式化程序中的自定义数据

问题描述

我有一个条形图，我想在其中向 xAxis 图例添加一个 url

数据看起来像：

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

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

格式化函数必须使用这 3 个值来绘制我想要的

演示： https ://jsfiddle.net/6a97ckzr/2/

但是我找不到this格式化函数内部具有自定义属性 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,
        ]]
      }),
    },
  ],
}

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

标签： highcharts

解决方案

在这种情况下this.value是数据点名称。如果您想从某个点获取其他属性，您可以使用：

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

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

API 参考： https ://api.highcharts.com/highcharts/xAxis.labels.formatter

推荐阅读