Ортогональная ориентация меток в цирковом сюжете
Я нашел CirosJS демо, и я особенно заинтересован в chords.js
демо:
var gieStainColor = {
gpos100: 'rgb(0,0,0)',
gpos: 'rgb(0,0,0)',
gpos75: 'rgb(130,130,130)',
gpos66: 'rgb(160,160,160)',
gpos50: 'rgb(200,200,200)',
gpos33: 'rgb(210,210,210)',
gpos25: 'rgb(200,200,200)',
gvar: 'rgb(220,220,220)',
gneg: 'rgb(255,255,255)',
acen: 'rgb(217,47,39)',
stalk: 'rgb(100,127,164)',
select: 'rgb(135,177,255)'
}
var drawCircos = function (error, GRCh37) {
var width = document.getElementsByClassName('mdl-card__supporting-text')[0].offsetWidth
var circos = new Circos({
container: '#chordsChart',
width: width,
height: width
})
circos
.layout(
GRCh37,
{
innerRadius: width/2 - 80,
outerRadius: width/2 - 40,
labels: {
radialOffset: 70
},
ticks: {
display: true,
labelDenominator: 1000000
},
events: {
'click.demo': function (d, i, nodes, event) {
console.log('clicked on layout block', d, event)
}
}
}
)
.render()
}
d3.queue()
.defer(d3.json, './data/GRCh37.json')
.await(drawCircos)
Мне просто интересно, как можно было бы отобразить текст метки, перпендикулярный графику. Я нашел здесь документацию, как это сделать, но, к сожалению, я не знаю, как применить это для приведенного выше примера. Есть идеи?
заранее спасибо