有没有办法禁用Highcharts中的Title和Subtitle？

Question

我只是在使用图表周围的html进行硬编码,我不想使用内置的.

我没有在API中看到"disable:true"选项.

任何人都可以帮助我.

如何禁用highcharts中的标题/副标题？

(如果你只是将文本留空,它仍然会在标题所在的那个位置划出一个空格,我希望不会发生这种情况)

Answer 1

将标题文本设置为空字符串是这样做的方法.

在这种情况下,没有为标题创建空间:

没有文字:http://jsfiddle.net/jlbriggs/JVNjs/284/

带有文字:http://jsfiddle.net/jlbriggs/JVNjs/286/

title:{
    text:''
}

如果你想要的空间少于那种情况下剩下的空间,只需将'marginTop'设置为0即可

{{ 编辑由于众多评论:

正如下面多次指出的那样,文档现在指出text: null了实现这一目标的方法.

这两种方法都能达到预期的效果.

Answer 2

来自highcharts doc:

text:String图表的标题.要禁用标题,请将文本设置为null.默认为图表标题.

小提琴:http://jsfiddle.net/daub10dr/

title:{
      text: null
      }

Answer 3

我更喜欢这种方法:

title: {
    text: '',
    style: {
        display: 'none'
    }
},
subtitle: {
    text: '',
    style: {
        display: 'none'
    }
},

Answer 4

非常简单!在最新版本的Highcharts中,只需将标题和副标题属性设置为false.

{
title: false,
subtitle: false
}

在这里找到工作小提琴:https://jsfiddle.net/samuellawrentz/hkqnvm7k/4/

Answer 5

这很简单......只将标题文本设置为null.像这样

    $(function () {
$('#container').highcharts({
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    title: {
        text: null  
    },
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
    }]
});

});

请参阅@ APIreference:http://api.highcharts.com/highcharts#title.text

Answer 6

将文本字段设置为null

来自http://api.highcharts.com/highcharts#title.text上的文档

text:String

图表的标题.要禁用标题,请将文本设置为null.默认为图表标题.

Answer 7

你总是可以这样做:

chart:{
    marginTop: 30
}

title:{
    text: ''
}

这对我有用:-)

注意: 这个答案适用于version 2.*,对于较新的版本,有更好的答案.

Answer 8

根据Highcharts doc,正确的方法是将'text'设置为null.

Answer 9

在下面的代码中反应原生对我有用，

  title: {
    style : {
      display : 'none'
    }
 }

希望它有所帮助。

Answer 10

对于使用 Typescript 的用户，您可以设置 Highcharts.TitleOptions 来隐藏图表标题。

title: {
  text: undefined
},
subtitle: {
  text: undefined
}