Angular Highcharts-ng如何将其他数据系列设置为工具提示

时间:2016-04-11 13:29:33

标签: javascript angularjs highcharts

我有一个值数据数组和一个样本数据数组,我想在折线图上的点的工具提示中显示。

我正在使用web调用来使用angular.forEach循环填充数据数组。然后我将图表的数据系列设置为:

var all_values= [];
var all_samples= [];
var timespan= [];

angular.forEach($scope.data, function (value, key) {
  all_values.push(value.All_Values); //y axis values
  all_samples.push(value.All_Samples); //additional tooltip data
  timespan.push(values.TimeSpan); //this is for the x axis
});

$scope.chartConfig.series[0].data = all_values;

所有这一切都运行正常,但我怎样才能将我的all_samples包含在数据系列中,以便我可以在工具提示中显示它?

1 个答案:

答案 0 :(得分:0)

如果您想在工具提示中显示额外信息,则需要设置自定义pointFormat / pointFroamtter / format / formatter - 取决于您想要多少更改工具提示显示。接下来,您可以使用外部数组获取额外信息,或者只需为每个数据点添加更多属性。如果您使用数组作为数据点,请使用keys

示例:http://jsfiddle.net/ge2rbgt9/