有没有办法禁用 Highcharts 中的标题和副标题？答案

【问题标题】：Is there a way to disable the Title and Subtitle in Highcharts?有没有办法禁用 Highcharts 中的标题和副标题？
【发布时间】：2013-04-02 13:52:59
【问题描述】：

我只是要使用图表周围的 html 对其进行硬编码，我不想使用内置的。

我在 API 中没有看到“disable: true”选项。

谁能帮帮我。

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

（如果您只是将文本留空，它仍然会在标题所在的位置留出一个空白，我希望不会发生这种情况）

【问题讨论】：

您能否将答案标记为已接受？ ;)

标签： highcharts

【解决方案1】：

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

在这种情况下，不会为标题创建空格：

无文字：http://jsfiddle.net/jlbriggs/JVNjs/284/

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

title:{
    text:''
}

如果您想要的空间比这种情况下的剩余空间少，只需将您的 'marginTop' 设置为 0

{{因众多 cmets 而编辑：

正如下文多次指出的那样，文档现在将 text: null 声明为实现此目的的方法。

任何一种方法都能达到预期的效果。

【讨论】：

你能帮我看看这个吗？我已经完成了这里的所有建议，仍然有一个巨大的空白，（看到右上角漂浮在空间中的打印按钮？）goo.gl/jHR5l
我想我可能已经解决了。我让我的图例与顶部对齐，图例上的浮动设置为 false，它在那里为它创建了一个空间。我将图例上的浮动设置为 true，现在它已将图表的其余部分进一步推高。
如下所述，将文本设置为 null 是记录在案的解决方案。
从版本 5.0.9 开始，这是不正确的。将文本设置为空字符串生成默认标题文本，例如“图表标题”和“值”。
@mwilson 我正在查看上面答案中链接中的演示，它（在发表此评论时）使用 5.0.9，它仍然适用于 null 或 @ 987654328@。你能详细说明或演示吗？

【解决方案2】：

你总是可以这样做：

chart:{
    marginTop: 30
}

title:{
    text: ''
}

这对我有用 :-)

注意： 此答案适用于version 2.*，对于较新的版本有更好的答案。

【讨论】：

【解决方案3】：

我更喜欢这种方法：

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

【讨论】：

对于较新的版本，请参阅来自 Plastic 的回答，带有“text: null”

【解决方案4】：

这有点小技巧，但你也可以试试：

title: {
    text: '<span class="hidden">My custom Hello</span>',
    align:"left",
    useHTML:true
}

【讨论】：

【解决方案5】：

将文本字段设置为null

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

文本：字符串

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

【讨论】：

基于文档，自本次提交后变为未定义github.com/highcharts/highcharts/commit/…

【解决方案6】：

解决办法

title: {
    text: null
},
subtitle: {
    text: null
}

【讨论】：

【解决方案7】：

这很简单... 仅将标题的文本设置为空。像这样

    $(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

【讨论】：

基于文档，它变成undefined，因为这次提交github.com/highcharts/highcharts/commit/…

【解决方案8】：

来自highcharts doc：

文本：字符串图表的标题。要禁用标题，请将文本设置为 null。默认为图表标题。

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

title:{
      text: null
      }

【讨论】：

这是正确答案，不知道为什么这不是公认的答案。下面提供的所有其他解决方案只是解决方法。
可能是提出问题的用户忘记将其标记为“已接受”
可能是因为在发布此答案前 6 个月该问题已得到适当回答...
"适当地"??你的意思是什么答案？？ ;-)
这对于“新”api 是正确的。当这个问题被问到时，这是不支持的。所以两者都有效取决于版本。

【解决方案9】：

只写一个 JSON 对象

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

【讨论】：

【解决方案10】：

根据 Highcharts 文档，正确的方法是将 'text' 设置为 null。

【讨论】：

> 图表的标题。要禁用标题，请将文本设置为未定义。

【解决方案11】：

非常简单！在最新版本的 Highcharts 中，只需将 title 和 subtitle 属性设置为 false。

{
title: false,
subtitle: false
}

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

【讨论】：

【解决方案12】：

下面的 react-native 代码对我有用，

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

希望对您有所帮助。

【讨论】：

【解决方案13】：

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

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

【讨论】：

【解决方案14】：

这对我有用！！！

title:false

【讨论】：

这没有提供问题的答案。一旦你有足够的reputation，你就可以comment on any post；相反，provide answers that don't require clarification from the asker。 - From Review