NVD3如何删除折线图中的Y轴，并在移除后利用Y轴的空间

Posted 2021-05-04

我使用NVD3来显示折线图。我有这个折线图如下：

chart: {
                type: 'lineChart',
                height: 150,
                margin : {
                    top: 20,
                    right: 20,
                    bottom: 40,
                    left: 55
                },
                x: function(d){ return d.x; },
                useInteractiveGuideline: true,
                "xAxis": {
                    ticks:7,
                    showMaxMin : false,
                    tickFormat: 
                        function (d) { 
                        var x = globalFactory.getCalendarConstants().dateMap.weekDayShortLabels
                        return x[d] },
                },
                showYAxis:false,
                showLegend : false,
            }

它删除了Y-Axis，但Y-axis的空间没有利用。我想用完这个空间。

他们的解决方案是什么？

答案

您可以尝试调整边距（见下文），但您可能需要稍微调整一下，以便按照您希望的方式进行间隔。

margin : {
          top: 20,
          right: 20,
          bottom: 40,
          left: 0
         },