Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将对象附着到Highcharts单击事件_Javascript_Highcharts - Fatal编程技术网

Javascript 将对象附着到Highcharts单击事件

Javascript 将对象附着到Highcharts单击事件,javascript,highcharts,Javascript,Highcharts,从D3移动到高图表,这让我难以理解。我有一个相当复杂的对象,它包含一个点击对象,需要在系列中的点击功能中访问该对象。我正在使用数据和名称创建一个系列数组,只需进行一个小的转换,但是我还需要将这个对象附加到数据点。不知道怎么做 举个简单的例子。原始数据: [ { "key": "Super Cool Thing", "format": ".2f", "values": [ { "label": "01", "value": 9

从D3移动到高图表,这让我难以理解。我有一个相当复杂的对象,它包含一个
点击
对象,需要在系列中的点击功能中访问该对象。我正在使用数据和名称创建一个系列数组,只需进行一个小的转换,但是我还需要将这个对象附加到数据点。不知道怎么做

举个简单的例子。原始数据:

[
  {
    "key": "Super Cool Thing",
    "format": ".2f",
    "values": [
      {
        "label": "01",
        "value": 9.5,
        "format": ".2f",
        "order": 0,
        "tooltip": "numerator = 133, denominator = 14",
        "clickthrough": {
          "output_format": "json",
          "metrics": "",
          "options": {
            "columns": [
              {
                "order": 1,
                "display_as": "Brand",
                "format": "{0}",
                "name": "brand",
                "data_type": "string"
              },
              {
                "order": 2,
                "display_as": "Last Submit Time (Month)",
                "format": "%m",
                "name": "last-submit-time-month",
                "data_type": "datetime"
              },
              {
                "order": 3,
                "display_as": "Agent Things",
                "format": "{0}",
                "name": "agent-thing-values",
                "data_type": "string"
              }
            ]
          },
          "cut_y": "brand",
          "type": "",
          "filter": { },
          "cut_x": "last-submit-time-month"
        },
        "metrics": [
          {
            "name": "Agent - Feel Appreciated Mean",
            "slug": "qcustomersatr4-mean"
          }
        ]
      }
    ]
  }
]
运行(超级快速POC)功能:


我不确定如何格式化系列数据,以包含后续事件函数中可访问的其他数据。我现在通过d3来做这件事,这很好,但是我正在努力用Highcharts方法来做同样的事情。似乎我不能向系列或数据中添加任何我想要的内容,所以这可能吗?

拥有它。我必须明确地设置
y
值,然后我可以添加任何其他在事件中有用的内容

例如:

    data[i].values.forEach(val => {
      values.push({link: val.clickthrough, y:val.value}); 
      xcuts.push(val.label);
    });

    chart.addSeries({
        name: data[i].key,
      data: values
    })
plotOptions: {
      series: {
        allowPointSelect: true,
        cursor: 'pointer',
            point: {
                events: {
                    click: function (event) {
                        console.log('CLICKTHROUGH DATA HERE');
                        console.log(event.point);
                    }
                }
            }
      },
    },
    data[i].values.forEach(val => {
      values.push({link: val.clickthrough, y:val.value}); 
      xcuts.push(val.label);
    });

    chart.addSeries({
        name: data[i].key,
      data: values
    })