web-dev-qa-db-ja.com

ハイチャートでタイトルとサブタイトルを無効にする方法はありますか?

グラフの周りにあるhtmlを使用してハードコードするだけです。組み込みを使用したくありません。

APIに「disable:true」オプションが表示されません。

誰でもここで私を助けることができます。

ハイチャートでタイトル/サブタイトルを無効にするにはどうすればよいですか?

(単にテキストを空白のままにすると、タイトルのある場所に空白が作成されますが、これが発生しないようにしたいです)

96
D3Chiq

タイトルテキストを空の文字列に設定するのが方法です。

その場合、タイトル用のスペースは作成されません。

テキストなし: http://jsfiddle.net/jlbriggs/JVNjs/284/

テキスト付き: http://jsfiddle.net/jlbriggs/JVNjs/286/

title:{
    text:''
}

その場合に残されるスペースよりも少ないスペースが必要な場合は、「marginTop」を0に設定するだけです

{{多数のコメントによる編集

以下で何度も指摘されているように、ドキュメントでは、これを実現する方法としてtext: nullと記載されています。

どちらの方法でも目的の結果が得られます。

140
jlbriggs

highcharts doc から:

text:Stringチャートのタイトル。タイトルを無効にするには、テキストをnullに設定します。デフォルトはチャートのタイトルです。

フィドル: http://jsfiddle.net/daub10dr/

title:{
      text: null
      }
53
Plastic

私はこの方法が好きです:

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

とても簡単です! Highchartsの最新バージョンでは、タイトルとサブタイトルのプロパティをfalseに設定するだけです。

{
title: false,
subtitle: false
}

ここで作業フィドルを見つけます: https://jsfiddle.net/samuellawrentz/hkqnvm7k/4/

14
samuellawrentz

簡単です...タイトルのテキストのみを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

13
aspadacio

テキストフィールドをnullに設定します

http://api.highcharts.com/highcharts#title.text のドキュメントから

テキスト:文字列

チャートのタイトル。タイトルを無効にするには、テキストをnullに設定します。デフォルトはチャートのタイトルです。

10
Thunderducky

これはいつでもできます:

chart:{
    marginTop: 30
}

title:{
    text: ''
}

それは私のために働いた:-)

note:この回答はversion 2.*に対するものであり、新しいバージョンに対するものでしたより良い答えです。

9
Andy

Highchartsのドキュメントによると、正しい方法は 'text'をnullに設定することです。

8
Long Huynh

ここに解決策があります

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

JSONオブジェクトを書くだけです

title : {
  style : {
    display : 'none'
  }
}
2
Ashish Bardiya

以下の反応ネイティブでは、コードが私のために働いた、

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

お役に立てば幸いです。

1
Iva