有没有办法禁用高图表中的标题和副标题

Is there a way to disable the Title and Subtitle in Highcharts?

本文关键字：标题 副标题 高图表 有没有      更新时间：2023-09-26

我只想用图形周围的html对它进行硬编码，我不想使用内置的.

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

有人能帮我吗。

如何禁用高图中的标题/副标题？

(如果你只是把文本留空，它仍然会在标题所在的地方划出一个空白，我不希望发生这种情况(

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

在这种情况下，没有为标题创建空间：

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

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

title:{
    text:''
}

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

｛由于大量评论而编辑：

正如下面多次指出的那样，文档现在将text: null作为实现这一点的方法。(2023更新：null现在抛出类型错误，建议使用undefined。(

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

从高位图文档：

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

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

title:{
      text: null
      }

我更喜欢这种方法：

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

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

{
title: false,
subtitle: false
}

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

这很简单。。。仅将标题的文本设置为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]        
    }]
});

})；

see@APIreference：http://api.highcharts.com/highcharts#title.text

您总是可以这样做：

chart:{
    marginTop: 30
}
title:{
    text: ''
}

这对我很有效：-(

注意：这个答案是针对version 2.*的，对于较新的版本有更好的答案

将文本字段设置为null

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

text:字符串

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

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

即

title : {
    text : null
}

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

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

在react native中，以下代码对我有效，

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

这是的解决方案

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

只需编写一个JSON对象

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

这对我有用！！！

title:false

这有点像破解，但你也可以尝试：

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