Как удалить метку значения из фрагмента круговой диаграммы в plotly.js? - PullRequest
0 голосов
/ 19 сентября 2018

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

Reference 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);

1 Ответ

0 голосов
/ 19 сентября 2018

Добавить textinfo='none' в макет (я полагаю, поскольку я использую запонки, но это должно быть то же самое, если не попробовать в данных).

Вы также можете использовать textposition='none'.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...