有没有一种方法可以禁用Highcharts中的标题和副标题？

Question

我将使用html将它硬编码到图表周围，我不想使用内置的功能。

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

有人可以帮我解决这个问题吗？

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

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

- D3Chiq

Answer 1

将标题文字设置为空字符串是实现这一点的方法。

在这种情况下不会为标题创建空间:

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

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

title:{
    text:''
}

如果您想要比剩下的空间更少的空间，只需将'marginTop'设置为0即可。

{{由于众多评论的原因进行编辑}：根据以下多次指出，文档现在规定使用 text: null 来实现这一目的。（2023年更新：现在 null 会抛出类型错误，建议使用 undefined。）无论哪种方法都可以达到所需的结果。}}

- jlbriggs

---

你能帮我看一下这个吗？我已经按照建议做了，但仍然有很大的空白区域（请看右上角漂浮在空中的打印按钮）。http://goo.gl/jHR5l - D3Chiq

我想我可能解决了它。我的图例对齐到了顶部，而图例上的浮动设置为false，这在那里创建了一个空间。我将图例上的浮动设置为true，现在它已经将图表的其余部分向上推移了。 - D3Chiq

如下所指出，将文本设置为 null 是已记录的解决方案。 - Tom Hubbard

从版本5.0.9开始，这是不正确的。将文本设置为空字符串会生成默认标题文本，例如“图表标题”和“值”。 - mwilson

@mwilson，我正在查看上面答案中的链接演示，它（在本评论撰写时）使用的是5.0.9版本，而且仍然可以使用null或''。您能否详细说明或演示一下？ - jlbriggs

Answer 2

来自Highcharts文档：

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

fiddle: http://jsfiddle.net/daub10dr/

title:{
      text: null
      }

- Plastic

---

这是正确的答案，不知道为什么这不是被接受的答案。下面提供的所有其他解决方案都只是权宜之计。 - Gerard

也许提问的用户只是忘记将其标记为“已接受”。 - Plastic

可能是因为这个问题在此回答发布之前已经得到了适当的回答，所以才会出现这种情况。 - jlbriggs

“适当地”？你指的是什么答案？;-) - Plastic

这在使用“新”的 API 上是正确的。当问这个问题时，这是不被支持的。因此，根据版本的不同，两种方式都是有效的。 - TecHunter

Answer 3

我更喜欢这种方法：

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

- TecHunter

---

对于更新版本，请参考Plastic的回答，其中包含了´text: null´。 - TecHunter

Answer 4

非常简单！在最新版本的Highcharts中，只需将标题和副标题属性设置为false即可。

{
title: false,
subtitle: false
}

这里可以找到工作的示例：https://jsfiddle.net/samuellawrentz/hkqnvm7k/4/

- samuellawrentz

Answer 5

您始终可以这样做：

chart:{
    marginTop: 30
}

title:{
    text: ''
}

对我来说那行得通 :-)

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

- Andy

Answer 6

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

    $(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]        
    }]
});

});

查看API参考： http://api.highcharts.com/highcharts#title.text

- aspadacio

---

根据文档，在此提交 https://github.com/highcharts/highcharts/commit/c2359b24d5d2396a21759ecdd6548deb7a4cc8d5 后，它变成了“未定义”。 - foxiris

Answer 7

将文本字段设置为null

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

text: 字符串

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

- Thunderducky

---

根据文档，在此提交 https://github.com/highcharts/highcharts/commit/c2359b24d5d2396a21759ecdd6548deb7a4cc8d5 后，它变成了未定义。 - foxiris

Answer 8

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

例如：

title : {
    text : null
}

- Long Huynh

---

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

Answer 9

在React-Native中，以下代码对我有效：

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

- Iva

Answer 10

如果您使用TypeScript，可以设置Highcharts.TitleOptions来隐藏图表标题。

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

- Andrien Pecson