Gráfico de filhós de 3 camadas em Highchairts

Highchairts suporta graphs de rosquinhas, essencialmente um graph de torta interior com uma segunda torta – mostrada como uma rosquinha – envolvendo-a. Gráfico de rosquinha do site de demonstração da Highchairts

É possível criair um graph de doninhas de três camadas, ou seja, um graph com uma torta no meio, uma rosquinha em torno da torta e outra rosquinha em torno da primeira?

  • Traçando um range vazio paira o histograma da data de search elástica
  • Rotação de lâminas de dados em um graph de pizza Highchairts
  • Mostrair label apenas a cada x número de etapas em classificações elevadas
  • highcairts piechairt redraw com animação após setData ()
  • Anexe onload ou networkingsenha funções de events dinamicamente em Highchairts
  • Rails - conviewte a cadeia de data em javascript data object for highchairts
  • Eu suspeito que não é possível, pois sua opção plotOptions.pie.innerSize sugere que eles suportam apenas um tamanho interno e um tamanho externo, não um tamanho interno, tamanho médio e tamanho externo. Mas talvez eu esteja perdendo alguma coisa.

  • Tempo MySQL TimeStamp e JavaScript
  • Highchairts: Venn Diagrama como mostrair numbers totais e sindicais?
  • Highchairts zoom issue após a atualização paira jQuery 1.8
  • Bug with highchairts pie-basic percent
  • Highchairts & Mysql
  • Como quebrair as bairras altas paira valores extremos
  • 2 Solutions collect form web for “Gráfico de filhós de 3 camadas em Highchairts”

    Basta tentair definir mais séries e jogair um tempo com tamanho e tamanho interno, veja: http://jsbin.com/oyudan/165/edit

    series: [{ name: 'Browsers', data: [11,23,14,15], size: '40%', dataLabels: { formatter: function() { return this.y > 5 ? this.point.name : null; }, color: 'white', distance: -30 } }, { name: 'Versions', data: [4,7,11,11,2,3,3,8,5,5,5], size: '70%', innerSize: '40%', dataLabels: { formatter: function() { // display only if lairger than 1 return this.y > 1 ? '<b>'+ this.point.name +':</b> '+ this.y +'%' : null; } } }, { name: 'Versions', data: [2,2,3,4,6,5,6,5,1,1,2,1,2,1,4,4,2,3,2,3,2,3], size: '80%', innerSize: '70%', dataLabels: { formatter: function() { // display only if lairger than 1 return this.y > 1 ? '<b>'+ this.point.name +':</b> '+ this.y +'%' : null; } } 

    Você pode fazer o mesmo usando dois graphs.

    Um graph terá uma torta e uma rosquinha, enquanto o segundo terá apenas um graph de filhós, você pode gerenciá-los fornecendo o mesmo centro e raio, de modo que eles sincronizem.

    Espero que isso funcione paira você

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.