2016-07-16 2 views
4

Как удалить титул из графика графика?plotly js удалить название и название области

Пример диаграммы У меня следующая

<head> 
    <script src="https://cdn.plot.ly/plotly-latest.min.js"></script> 
</head> 
<div id="myDiv" style="width: 800px; height: 400px;"></div> 
<script> 

var trace1 = { 
    x: [1, 2, 3, 4], 
    y: [10, 15, 13, 17], 
    mode: 'markers' 
}; 

var trace2 = { 
    x: [2, 3, 4, 5], 
    y: [16, 5, 11, 9], 
    mode: 'lines' 
}; 

var trace3 = { 
    x: [1, 2, 3, 4], 
    y: [12, 9, 15, 12], 
    mode: 'lines+markers' 
}; 

var data = [ trace1, trace2, trace3 ]; 

var layout = { 
    title:false 
}; 

Plotly.newPlot('myDiv', data, layout); 
</script> 

Эта диаграмма будет иметь название «ложный», я также попытался уаг макет = { ShowTitle: ложные }

установка название to null: title:'' или просто удаление строки заголовка, не отображает заголовок, но область заголовка, которая приблизительно равна 50px по высоте над диаграммой, зарезервированной для названия, остается, как удалить эту область заголовка?

+0

Может ли вы передать пустую строку в качестве заголовка? – Yoda

+0

Нет, как я сказал в последнем абзаце, в то время как это удаляет заголовок, область, зарезервированная для заголовка, остается – JimmyBanks

+0

Прошу прощения, здесь поздно, и я пропустил последний абзац. – Yoda

ответ

9

Удалив заголовок из конфигурации макета, он больше не будет его отображать, однако поля по-прежнему настроены для создания пространства для него, вам необходимо переопределить эти значения по умолчанию, как описано here.

Я создал jsFiddle, показывая, что конфигурация применяется для генерации желаемого результата.

Это мясо его:

var layout = { 
    margin: { 
    l: 50, 
    r: 50, 
    b: 50, 
    t: 50, 
    pad: 4 
    } 
}; 
Смежные вопросы