Чи є спосіб відключити заголовок і підзаголовок у верхніх таблицях?


108

Я просто збираюся його жорстким кодом використовувати HTML, який знаходиться навколо графіка, я не хочу використовувати вбудований.

Я не бачу в API параметр "відключити: правда".

Хтось може мені тут допомогти.

Як вимкнути заголовок / підзаголовки у великих діаграмах?

(якщо ви просто залишите текст порожнім, він все-таки вирізає пробіл у тому місці, де є заголовок, я б хотів, щоб цього не сталося)


4
чи можете ви позначити відповідь прийнятою? ;)
Пластик

Відповіді:


159

Налаштування тексту заголовка порожнім рядком - це спосіб це зробити.

У цьому випадку для заголовка не створюється пробіл:

без тексту: http://jsfiddle.net/jlbriggs/JVNjs/284/

з текстом: http://jsfiddle.net/jlbriggs/JVNjs/286/

title:{
    text:''
}

Якщо ви хочете менше місця, ніж у цьому випадку, просто встановіть "marginTop" на 0

{{ редагувати через численні коментарі :

Як було зазначено декілька разів нижче, документація вказує text: nullяк метод досягнення цього.

Будь-який метод домагається бажаного результату.


Не могли б ви поглянути на мене це? Я зробив усі пропозиції тут, і все ще залишається величезний пробіл (див. Кнопку друку, що пливе у просторі вгорі праворуч?) Goo.gl/jHR5l
D3Chiq

1
Я думаю, що я, можливо, вирішив це. У мене моя легенда була вирівняна до верху, і плаваюча легенда була встановлена ​​на помилку, вона створила там простір для неї. Я встановив плаваючу легенду на істину, і тепер вона підштовхнула решту діаграми далі вгору.
D3Chiq

2
Як зазначено нижче, встановлення тексту на нуль є документальним рішенням.
Том Хаббард

1
Щодо версії, 5.0.9це неправильно. Встановлення тексту таким чином, щоб порожній рядок генерував текст заголовка за замовчуванням, такий як "Назва діаграми" та "Значення".
mwilson

@mwilson Я переглядаю демонстраційне повідомлення за посиланням у відповіді вище, яке (на момент цього коментаря) використовує 5.0.9, і воно все ще працює з будь-яким nullабо ''. Ви можете розробити чи продемонструвати?
jlbriggs

61

З найвищого рівня док :

текст: Рядок Заголовок діаграми. Щоб відключити заголовок, встановіть текст на нуль. За замовчуванням заголовок діаграми.

скрипка: http://jsfiddle.net/daub10dr/

title:{
      text: null
      }

1
Це правильна відповідь, не знаю, чому це не прийнята відповідь. Усі інші рішення, подані нижче, - лише обхідні шляхи.
Джерард

Користувач, який задав питання, просто забув позначити його як "прийняте"
Пластик

2
ймовірно, тому, що на відповідне запитання було відповідено за 6 місяців до того, як ця відповідь була розміщена ...
jlbriggs

"належним чином" ?? яку відповідь ти маєш на увазі ?? ;-)
Пластик

4
Це правильно з "новими" api. Коли питання було задано, це не підтримувалося. Тож обидва дійсні залежно від версії.
TecHunter

40

Я віддаю перевагу цьому методу:

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

2
Більш нову версію дивіться на відповідь із Пластику з «текстом: null»
TecHunter


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


1
Базою на документі стає це undefinedз моменту, коли це зробити github.com/highcharts/highcharts/commit/…
foxiris


9

Ви завжди можете це зробити:

chart:{
    marginTop: 30
}

title:{
    text: ''
}

Це працювало для мене :-)

зауважте: ця відповідь була за version 2.*, а для нових версій є кращі відповіді.


8

Згідно з документом Highcharts, правильним способом є встановлення "text" на нуль.


> Назва діаграми. Щоб відключити заголовок, встановіть текст на невизначений.
Іні


3

У реакт-рідному нижче код працював для мене,

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

Сподіваюся, це допомогло.



1

Для тих, хто використовує Typescript, ви можете встановити Highcharts.TitleOptions, щоб приховати назву діаграми.

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


-1

Це трохи хак, але ви також можете спробувати:

title: {
    text: '<span class="hidden">My custom Hello</span>',
    align:"left",
    useHTML:true
}
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.