highcharts报表插件之title参数的使用

时间:2024-03-19 13:55:26

title配置项

 主标题样式配置项的使用

 

1、align:主标题水平对齐方式,String类型 可选项为: "left", "center" 和 "right" 默认"center"

 2、floating:是否浮动,如果为true,则标题可以偏离主图表区,和CSS样式中的float有相同的效果,可配合x,y属性使用,Boolean类型,默认false

 实例1如:

 

[javascript] view plain copy

  1. title: {  
  2.        align: "center",  
  3.        text: '报表测试',  
  4.        floating : true,  
  5.        x : 100,  
  6.        y : 200  
  7. }  

 

运行如下图所示:

highcharts报表插件之title参数的使用

 

实例2如:

 

[javascript] view plain copy

  1. title: {  
  2.         align: "center",  
  3.         text: '报表测试',  
  4.         floating : false,  
  5.         x : 100,  
  6.         y : 200  
  7.  }  

 

运行如下图所示:

highcharts报表插件之title参数的使用

 

 3、margin:标题与副标题之间或者主图表区间的间距,Number默认 15

 

4、text:标题文本内容,String类型,默认 Char ttitle

 

5、style:设置CSS样式,CSSObject类型 默认{color:'#3E576F',fontSize: '16px'}

 

6、verticalAlign:垂直对齐方式,String类型,可选项top和bottom,默认top

 

7、x:标题在横向方向上的距离

 

8、y:标题在纵向方向上的距离

 

转载于:https://my.oschina.net/chengzz/blog/917153