版权信息(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 可配置参数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'
}
}
(正文完,最后更新时间:2015-06-10 11:08:26)