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

      版权信息 - 图1

      一、版权信息的常用属性

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

      属性名 描述 默认值
      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、屏蔽版权信息

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

      1. credits:{
      2. enabled: false // 禁用版权信息
      3. }

      2、设置位置

      默认显示右下角, align 可配置参数:leftrightcenter

      verticalAlign 可配置参数: bottomtopmiddle

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

      3、完整的例子

      1. credits: {
      2. // enabled:true, // 默认值,如果想去掉版权信息,设置为false即可
      3. text: ‘www.hcharts.cn’, // 显示的文字
      4. href: http://www.hcharts.cn, // 链接地址
      5. position: { // 位置设置
      6. align: ‘left’,
      7. x: 400,
      8. verticalAlign: ‘bottom’,
      9. y: -100
      10. },
      11. style: { // 样式设置
      12. cursor: ‘pointer’,
      13. color: ‘red’,
      14. fontSize: ‘30px’
      15. }
      16. }

      在线试一试

      原文: https://www.hcharts.cn/docs/basic-credits