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

title配置项

 主标题样式配置项的使用

 

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

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

 实例1如:

       title: {
              align: "center",
              text: '报表测试',
              floating : true,
              x : 100,
              y : 200
       }

运行如下图所示:

highcharts报表插件之title参数的使用_第1张图片

实例2如:

      title: {
              align: "center",
              text: '报表测试',
              floating : false,
              x : 100,
              y : 200
       }

运行如下图所示:

highcharts报表插件之title参数的使用_第2张图片

 

 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:标题在纵向方向上的距离

 

你可能感兴趣的:(highchart,title)