有没有办法禁用Highcharts中的Title和Subtitle?

时间:2013-04-10 15:53:04

标签: highcharts

我只是在使用图表周围的html进行硬编码,我不想使用内置的。

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

任何人都可以帮助我。

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

(如果你只是将文字留空,它仍会在标题所在的那个地方刻出一个空格,我不希望发生这种情况)

14 个答案:

答案 0 :(得分:137)

将标题文本设置为空字符串是可以实现的。

在这种情况下,没有为标题创建空间:

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

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

title:{
    text:''
}

如果您想要的空间少于此时的剩余空间,只需将'marginTop'设置为0

即可

{{由于众多评论而编辑

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

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

答案 1 :(得分:50)

来自highcharts doc

  

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

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

title:{
      text: null
      }

答案 2 :(得分:38)

我更喜欢这种方法:

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

答案 3 :(得分:14)

很简单!在最新版本的Highcharts中,只需将标题和副标题属性设置为false。

{
title: false,
subtitle: false
}

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

答案 4 :(得分:13)

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

});

请参阅@ API参考:http://api.highcharts.com/highcharts#title.text

答案 5 :(得分:10)

将文本字段设置为 null

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

的文档
  

text:String

     

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

答案 6 :(得分:9)

您可以随时执行此操作:

chart:{
    marginTop: 30
}

title:{
    text: ''
}

这对我有用: - )

<强> 注意:  这个答案适用于version 2.*,对于较新的版本,有更好的答案。

答案 7 :(得分:8)

根据Highcharts的文档,正确的方法是设置文本&#39;为空。

答案 8 :(得分:3)

这是解决方案

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

答案 9 :(得分:2)

只需编写一个JSON对象

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

答案 10 :(得分:1)

在下面的react-native中,代码对我有用,

String winHandleBefore = dr.getWindowHandle();    
for(String winHandle : dr.getWindowHandles()){
                    if(!winHandle.equalsIgnoreCase(winHandleBefore)) {
                        dr.switchTo().window(winHandle);
                        dr.findElement(By.xpath("//input[@placeholder='Search...']")).sendKeys("Appirio");
                    }
                }


Exception in thread "main" org.openqa.selenium.NoSuchElementException: no such element: Unable to locate element: {"method":"xpath","selector":"//input[@placeholder='Search...']"}
  (Session info: chrome=68.0.3440.106)

希望有帮助。

答案 11 :(得分:1)

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

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

答案 12 :(得分:0)

这对我有用!

title:false

答案 13 :(得分:-1)

这有点像黑客,但你也可以尝试:

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