Cómo quitar la etiqueta de valor de la rebanada gráfico circular en plotly.js?

votos
0

Estoy usando plotly.js para representar el gráfico circular. Quiero mostrar un texto personalizado en las rebanadas del gráfico circular. Soy capaz de lograr mediante el uso de atributo de texto en datos, pero el problema es que tanto el texto y valor de porcentaje están mostrando en rodajas. Quiero eliminar ese valor porcentual de la rebanada. ¿Hay alguna manera de quitar la etiqueta de valor de la rebanada piechart?

Imagen

var data = [{
  values: [1,1,0,4],

  labels: ['A', 'B', 'C', 'D' ],
  bgcolorsrc: 
                  ['#FAEBD7','#CDEFD7','#FAcFD7','#FAEBD7'],
  domain: {
    x: [0,1]

  },
  name: 'Overall Status',
  hoverinfo: 'label+percent+name',
  hole: .6,
  type: 'pie'
}];

var layout = {
  showlegend: true,
  visible:legendonly,
  width:newWidth,
  height:newHeigth,
  paper_bgcolor: 'rgba(0,0,0,0)',
  plot_bgcolor: 'rgba(0,0,0,0)',
  font: {
    color: WHITE,
    size: 13,
    family: Calibri,
    bold: true
    },
  hoverlabel: {
    bgcolor: 'transparent'
  },
  legend :{
  visible:true,
  orientation: 'h',
  x:0,
  y:0,
  tracetoggle: false ,
  font:{
    size:13
    }
  },
  margin: {
    l: 0,
    r: 1,
    t: 15,
    b: 0,
    pad: 0
  },
  interaction: ['toggle', 'isolate', false],
  point: {
    events: {
        legendItemClick: function () {
        return false; // <== returning false will cancel the 
      //default action
      },
  plotly_legendclick: function () {
    return false; // <== returning false will cancel the default 
    //action
      }
      }
      },
  annotations: [
    {
      font: {
        size : 10
      },
      showarrow: false,
      text: ' ',
      x: 0.1,
      y: 0.2
    }
  ]
};

Plotly.newPlot('myDiv', data, layout);
Publicado el 19/09/2018 a las 13:32
fuente por usuario
En otros idiomas...                            


1 respuestas

votos
1

Añadir textinfo='none'en la disposición (supongo que desde que uso Gemelos pero debe ser lo mismo, si no tratar en los datos).

También se puede utilizar textposition='none'.

Respondida el 19/09/2018 a las 14:42
fuente por usuario

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more