highcharts为X轴标签添加链接

Posted sily-boy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了highcharts为X轴标签添加链接相关的知识,希望对你有一定的参考价值。

$(function () {
	var categoryLinks = {
		‘Foo‘: ‘http://www.google.com/search?q=foo‘,
		‘Bar‘: ‘http://www.google.com/search?q=foo+bar‘,
		‘Foobar‘: ‘http://www.google.com/serach?q=foobar‘
	};
	$(‘#container‘).highcharts({
		xAxis: {
			categories: [‘Foo‘, ‘Bar‘, ‘Foobar‘],
			labels: {
				formatter: function () {
					return ‘<a href="‘ + categoryLinks[this.value] + ‘">‘ +
						this.value + ‘</a>‘;
				}
			}
		},
		series: [{
			data: [29.9, 71.5, 106.4]
		}]
	});
});

  技术分享图片

 

以上是关于highcharts为X轴标签添加链接的主要内容,如果未能解决你的问题,请参考以下文章

1年的highcharts x轴显示年份+1的刻度/标签

Highcharts x 轴刻度以偏移量开始

如何在 Highcharts 中将注释文本添加到 x 和 y 轴?

如何设置 highcharts X轴和Y轴值

无法为图形添加 x 轴标签名称(svg 图形)

Highcharts 图表删除类别(x 轴)上间隔中的现有刻度