Как поместить метки данных в линейные диаграммы ng2-nvd3? - PullRequest
Новая
       22

Как поместить метки данных в линейные диаграммы ng2-nvd3?

0 голосов
/ 31 августа 2018

У меня есть требование, согласно которому я должен отображать данные над столбцами и линиями в моем графике линейных плюсов ng-2 nvd3. Я хочу иметь что-то вроде 'showLabels: true', но я думаю, что опция не доступна в linePlusBarChart. Вот код для вариантов графика - 

 chart: {


    type: 'linePlusBarChart',
    height: 500,
    margin: {
      top: 50,
      right: 45,
      bottom: 50,
      left: 45
    },
    x: function(d, i){
      check.push(d);
      return i;
    },


    //groupSpacing: 2.5,
    forceY: [0, 100],
    focusEnable:false, 
    showLabels: true,
    color: ['red', '#ff6a00'],

    xAxis: {
      axisLabel: 'Month',
      showMaxMin: false,
      tickFormat: function(d) { 
        // Note: d acts as an index for the data
        if(check[d] && check[d].x) 
          return check[d].x; 
      }
      },

    y: function(d){
      return d.y
    },
    y1Axis: {
      axisLabel: 'Y1 Axis',
      tickFormat: function (d) {
        return d3.format(',f')(d);
      },
      axisLabelDistance: 12
    },
    y2Axis: {
      axisLabel: 'Y2 Axis',
      tickFormat: function (d) {
        return d3.format(',f')(d) + '%'
      }
    },
    y3Axis: {
      tickFormat: function (d) {
        return d3.format(',f')(d);
      }
    },


  }
...