首页 文章

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

提问于
浏览 次
94

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

我没有在API中看到“disable：true”选项 .

任何人都可以帮助我 .

如何禁用highcharts中的 Headers /副 Headers ？

（如果你只是将文本留空，它仍然会在 Headers 所在的那个地方划出一个空格，我不希望发生这种情况）

highcharts

12 回答

  • 134

    将 Headers 文本设置为空字符串是这样做的方法 .

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

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

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

    title:{
    text:''
}

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

    {{ edit due to numerous comments ：

    正如下面多次指出的那样，文档现在声明 text: null 是实现这一目标的方法 .

    这两种方法都能达到预期的效果 .

    回复于
  • -1

    来自highcharts doc：

    text：String图表的 Headers . 要禁用 Headers ，请将文本设置为null . 默认为图表 Headers .

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

    title:{
      text: null
      }
    回复于
  • 47

    我更喜欢这种方法：

    title: {
    text: '',
    style: {
        display: 'none'
    }
},
subtitle: {
    text: '',
    style: {
        display: 'none'
    }
},
    回复于
  • 9

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

    {
title: false,
subtitle: false
}

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

    回复于
  • 14

    这很简单......只将 Headers 文本设置为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]        
    }]
});

    }）;

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

    回复于
  • 11

    将文本字段设置为null

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

    text：String图表的 Headers . 要禁用 Headers ，请将文本设置为null . 默认为图表 Headers .

    回复于
  • 2

    你总是可以这样做：

    chart:{
    marginTop: 30
}

title:{
    text: ''
}

    这对我有用:-)

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

    回复于
  • 9

    根据Highcharts doc，正确的方法是将'text'设置为null .

    回复于
  • 4

    这是解决方案

    title: {
    text: null
},
subtitle: {
    text: null
}
    回复于
  • 1

    只需编写一个JSON对象

    title : {
  style : {
    display : 'none'
  }
}
    回复于
  • 15

    反应原生下面代码为我工作，

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

    希望它有所帮助 .

    回复于
  • 38

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

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

相关问题