HightChart版权信息(credits)

图表版权信息。显示在图表右下方的包含链接的文字,默认是文字是 Highcharts,链接是Highcharts官网地址。通过指定credits.enabled=false即可不显示该信息。

一、版权信息的常用属性

版权信息常用的属性包括是否启用版权信息、文字、链接、位置等,详细列表如下:

属性名 描述 默认值
enabled 是否显示版权信息 true
href 版权信息点击之后指向的URL(设置自己版权信息地址时记得加“http://“) http://www.highcharts.com
text 显示的版权信息文字 Highcharts.com
position 文字显示位置。支持的属性有align(左右对齐),verticalAlign(上下对齐), x(x轴偏移量), y(y轴偏移量) position: {
    align: 'right',
    x: -10,
    verticalAlign: 'bottom',
    y: -5
}
style 版权信息标签的CSS样式 style: {
    cursor: 'pointer',
    color: '#909090',
    fontSize: '10px'
}

没有更多属性了,请参考 API文档:credits

二、版权信息常见设置

1、屏蔽版权信息

版权信息是默认显示的,若不需要可以通过增加代码:

credits:{
     enabled:false // 禁用版权信息
}

如果你觉得在每个图标中都配置 credits.enabled 很麻烦,你也可以通过修改 highcharts 源码来针对所有的图表禁用版权信息。

2、设置位置

默认右下角,align 可配置参数leftrightcenter
verticalAlign 可配置参数:bottomtopmiddle 
和 分别配置的是指定位置的偏移量,负数代表向左或向上偏移,正数代表向右或者向下偏移。

3、完整的例子

credits:{
	// enabled:true,                    // 默认值,如果想去掉版权信息,设置为false即可
	text:'www.hcharts.cn',               // 显示的文字
	href:'http://www.hcharts.cn',   // 链接地址
	position:{                          // 位置设置
		align: 'left',
		x: 400,
		verticalAlign: 'bottom',
		y: -100
	},
	style: {                            // 样式设置
		cursor: 'pointer',
		color: 'red',
		fontSize: '30px'
	}
}
在线试一试

你可能感兴趣的:(HightChart版权信息(credits))