我只是在使用图表周围的html进行硬编码,我不想使用内置的。
我没有在API中看到“disable:true”选项。
任何人都可以帮助我。
如何禁用highcharts中的标题/副标题?
(如果你只是将文字留空,它仍会在标题所在的那个地方刻出一个空格,我不希望发生这种情况)
答案 0 :(得分:137)
将标题文本设置为空字符串是可以实现的。
在这种情况下,没有为标题创建空间:
没有文字:http://jsfiddle.net/jlbriggs/JVNjs/284/
带有文字:http://jsfiddle.net/jlbriggs/JVNjs/286/
title:{
text:''
}
如果您想要的空间少于此时的剩余空间,只需将'marginTop'设置为0
即可{{由于众多评论而编辑:
正如下面多次指出的那样,文档现在将text: null
作为实现此目的的方法。
任何一种方法都能达到预期的效果。
答案 1 :(得分:50)
答案 2 :(得分:38)
我更喜欢这种方法:
title: {
text: '',
style: {
display: 'none'
}
},
subtitle: {
text: '',
style: {
display: 'none'
}
},
答案 3 :(得分:14)
很简单!在最新版本的Highcharts中,只需将标题和副标题属性设置为false。
{
title: false,
subtitle: false
}
答案 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]
}]
});
});
答案 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
}