Ортогональная ориентация меток в цирковом сюжете

Я нашел 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)

Мне просто интересно, как можно было бы отобразить текст метки, перпендикулярный графику. Я нашел здесь документацию, как это сделать, но, к сожалению, я не знаю, как применить это для приведенного выше примера. Есть идеи?

заранее спасибо

0 ответов

Другие вопросы по тегам