Comment enlever l'étiquette de la valeur de la tranche de piechart dans plotly.js?

voix
0

J'utilise plotly.js pour rendre le piechart. Je veux montrer un texte personnalisé sur les tranches de la piechart. Je suis en mesure de réaliser en utilisant l'attribut de texte dans les données mais le problème est que les deux textes sur mesure et valeur en pourcentage montrent en tranches. Je veux supprimer cette valeur en pourcentage de la tranche. Est-il possible d'enlever l'étiquette de la valeur de la tranche de piechart?

Image

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);
Créé 19/09/2018 à 13:32
source utilisateur
Dans d'autres langues...                            


1 réponses

voix
1

Ajouter textinfo='none'dans la mise en page (je suppose que je l' utilise Cufflinks mais il devrait être la même chose, sinon essayer dans les données).

Vous pouvez également utiliser textposition='none'.

Créé 19/09/2018 à 14:42
source utilisateur

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