可滚动图例nvd3

时间:2018-11-19 09:18:54

标签: angularjs d3.js nvd3.js angular-nvd3 ng2-nvd3

我正在尝试使用nvd3和angular 6来实现饼图。在下面有2-3个饼图。现在,我在右侧放置的图例有很多条目。其重叠,无法在屏幕上看到它们。我想使图例列表可滚动,该怎么办?我正在使用以下代码:

this.options = {
            chart: {
                type: 'pieChart',
                height: 150,
                x: function (d) { return d.value+' - '+d.label; },
                y: function (d) { return d.value; },
                showLabels: false,
                showLegend: true,
                legendPosition: "right",
                addLegendNav: true,
                duration: 500,
                labelThreshold: 0.01,
                labelSunbeamLayout: true,
                legend: {
                    margin: {
                        top: 5,
                        right: 35,
                        bottom: 5,
                        left: 0
                    }
                }
            }
        };

0 个答案:

没有答案