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

Posted 2023-02-16

【中文标题】有没有办法禁用 Highcharts 中的标题和副标题？

【英文标题】：Is there a way to disable the Title and Subtitle in Highcharts?

【发布时间】：2013-04-02 13:52:59

【问题描述】：

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

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

谁能帮帮我。

如何禁用 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