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

问题描述 投票:0回答:1

我使用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的空间没有利用。我想用完这个空间。

他们的解决方案是什么?

javascript angularjs angularjs-directive linechart angular-nvd3
1个回答
0
投票

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

margin : {
          top: 20,
          right: 20,
          bottom: 40,
          left: 0
         },
© www.soinside.com 2019 - 2024. All rights reserved.