十二、基础数据-版权信息(credits)

图表版权信息。显示在图表右下方的包含链接的文字,默认的文字是 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’}

二、版权信息常见设置

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'
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值