127

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

我在 API 中没有看到“禁用：true”选项。

任何人都可以在这里帮助我。

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

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

4

14 回答 14

174

将标题文本设置为空字符串是一种方法。

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

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

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

title:{
    text:''
}

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

{{由于众多评论而编辑：

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

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

于 2013-04-10T16:05:27.827 回答
72

来自highcharts 文档：

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

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

title:{
      text: null
      }
于 2014-10-13T22:55:58.870 回答
41

我更喜欢这种方法：

title: {
    text: '',
    style: {
        display: 'none'
    }
},
subtitle: {
    text: '',
    style: {
        display: 'none'
    }
},
于 2013-09-25T15:00:32.130 回答
19

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

{
title: false,
subtitle: false
}

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

于 2018-04-05T04:38:17.627 回答
13

你总是可以这样做：

chart:{
    marginTop: 30
}

title:{
    text: ''
}

这对我有用:-)

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

于 2013-09-15T00:05:08.560 回答
13

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

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

于 2014-07-25T14:17:03.597 回答
10

Set the text field to null

From the documentation at http://api.highcharts.com/highcharts#title.text

text: String

The title of the chart. To disable the title, set the text to null. Defaults to Chart title.

于 2014-05-06T16:06:53.933 回答
8

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

于 2015-07-01T20:58:39.613 回答
5

在下面的 react-native 代码中为我工作，

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

希望它有所帮助。

于 2018-09-25T05:45:04.203 回答
4

For those that use Typescript you can set the Highcharts.TitleOptions to hide the chart title.

title: {
  text: undefined
},
subtitle: {
  text: undefined
}
于 2020-01-03T06:18:53.063 回答
3

这是解决方案

title: {
    text: null
},
subtitle: {
    text: null
}
于 2014-06-10T05:03:16.580 回答
2

只写一个 JSON 对象

title : {
  style : {
    display : 'none'
  }
}
于 2015-06-30T10:40:59.460 回答
1

这对我有用！！！

title:false

于 2020-06-23T07:57:50.050 回答
-1

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

title: {
    text: '<span class="hidden">My custom Hello</span>',
    align:"left",
    useHTML:true
}
于 2014-03-24T04:06:36.853 回答