如何在ng2-nvd3 lineplusbar图表中放置数据标签?

时间:2018-08-31 12:30:44

标签: angular typescript ng2-nvd3

我有一个要求,我必须在ng-2 nvd3 lineplusbar图表的条和线上方显示数据。我想使用“ 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);
      }
    },


  }

0 个答案:

没有答案