頂部線填充與Nvd3圖表

我有這個問題與我的圖表與角度-nvd3，他們是linePlusBarChart和他們工作正常，但如果我改變插值cardinal我得到一個像這樣的一條線在屏幕截圖中顯示。頂部線填充與Nvd3圖表

我該如何解決這個問題？

我的圖表選項：

vm.chartOptions = { 
    chart: { 
     type: 'linePlusBarChart', 
     height: 450, 
     margin: { 
      top: 0, 
      right: 50, 
      bottom: 50, 
      left: 50 
     }, 
     focusEnable: false, 
     duration: 250, 
     forceY: [0], 
     groupSpacing: 0.5, 
     interpolate: 'cardinal', 
     xAxis: { 
      axisLabel: false, 
      showMaxMin: false, 
      tickFormat: function(d) { 
       return d3.time.format('%b %y')(new Date(d)); 
      } 
     }, 
     y1Axis: { 
      showMaxMin: false, 
      tickFormat: function(d) { 
       if (d > 0) return '$' + d3.format(',f')(d); 
      } 
     }, 
     y2Axis: { 
      showMaxMin: false, 
      tickFormat: function(d) { 
       if (d > 0) return d3.format(',f')(d); 
      } 
     } 
    } 
};

來源

2016-10-25 Michele Marcucci

你好，我正面臨一樣的問題。所以，我想知道你是如何解決這個問題的？ thanx –

請看下面自己的回答。 –

非常感謝。您的答案與我實施的解決方案類似 –

我解決了它與forceY參數操縱Y軸：

var values = [1, 2, 3, 4], // the chart values this is only for example 
    maxY = 0, 
    forceY = [0]; 

if (values && values.length) { 
    maxY = _.max(values, function(o) { 
     return o.y; 
    }); 
} 
if (maxY && maxY.y) { 
    forceY = [0, (maxY.y * 15/100) + maxY.y]; 
}

然後就是參數forceY: forceY添加到圖表

來源

2017-02-03 10:24:19

頂部線填充與Nvd3圖表

回答

相關問題