版权信息

优质

小牛编辑

115浏览

2023-12-01

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

一、版权信息的常用属性

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

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

没有更多属性了，请参考 API文档

二、版权信息常见设置

1、屏蔽版权信息

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

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

2、设置位置

默认显示右下角， align 可配置参数：left、right、center；

verticalAlign 可配置参数： bottom、top、middle ；

x 和 y 分别配置的是指定位置的偏移量，负数代表向左或向上偏移，正数代表向右或者向下偏移。

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'
    }
}

在线试一试