Поверните этикетку в сложности TreeMap с JavaScriptJavascript

Форум по Javascript
Ответить
Anonymous
 Поверните этикетку в сложности TreeMap с JavaScript

Сообщение Anonymous »

Иногда есть узкие кирпичи на TreeMaps. Установите размер шрифта таких ярлыков, поэтому вы не можете их прочитать. Но другой способ - это сделать борьбу на этикетке горизонтальными. Насколько я понял, единственный способ повернуть метки в слое - это использование JavaScript. Я новичок в этом, пожалуйста, помогите понять, как выбрать какой -то конкретный узел с JS?data = {'level1': ['A', 'A', 'B', 'B'], 'level2': ['a1', 'a2', 'b1', 'b2']}
fig = px.treemap(data, path=['level1', 'level2'])

js = """
function rotateLabel(){
const nodes = gd.querySelectorAll('slicetext');
for (const node of nodes){
const label = node.querySelector('[data-unformatted="a1"]');
label.style.transform = 'rotate(90deg)';
}
}
const gd = document.querySelector('.plotly-graph-div');
gd.on('plotly_afterplot', rotateLabel.bind(gd));
gd.emit('plotly_afterplot');

"""

fig.show(post_script=[js])


Подробнее здесь: https://stackoverflow.com/questions/797 ... javasctipt
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»