Как сделать изогнутые края для столбцов в сгруппированном столбце в nvd3 - PullRequest
Новая
       13

Как сделать изогнутые края для столбцов в сгруппированном столбце в nvd3

0 голосов
/ 16 марта 2020

В моем приложении у меня есть сгруппированная гистограмма, для которой есть два столбца: Отправлено и Не отправлено. Я хочу отобразить цвета, представленные как зеленый, а неподтвержденные как желтый, как я могу это сделать. 2. Как получить изогнутые края для бара. 3. Как отобразить общее количество каждого бара в верхней части бара. Должно быть так код параметров диаграммы `options = {'chart': {'type': 'multiBarChart', 'height': 300, 'margin': {'top': 20, ' правый: 20, нижний: 45, левый: 45, wrapLabels: true, groupSpacing: 0,5, 

  dispatch: {
    renderEnd: function (e) {
      d3.selectAll('rect.nv-bar').attr('rx', 4).attr('ry', 4).attr('width', 36);
    }
  },
  'clipEdge': false,
 'duration': 500,
  'stacked': false,
  'xAxis': {
    showMaxMin: false,
    },
  tooltip:{
    enabled: false,
     },
  'yAxis': {
   'axisLabelDistance': -20,
    showMaxMin: false,
    ticks: 10,
    tickFormat(d) {
      return d3.format('0f')(d);
    },
  },

  'legend': {
    'margin': {
      'top': 0,
      'right': 20,
      'bottom': 5,
      'left': 1
    }
  },
  showControls: false,
  color: ['#71B84F', '#FFC300'], 
  legendPosition: 'bottom',
}

};

...