Angular JS nvd3从左到右设置图例

时间:2018-08-17 13:29:36

标签: angularjs nvd3.js angularjs-nvd3-directives

我在我的项目中使用nvd3 multibarchart(使用nvd3作为指令的Angularjs 1.4版)。我的问题是,传说总是从上到下显示。我曾经使用过

$scope.optionsArea = {
                chart: {
                    type: 'multiBarChart',
                    height: $scope.heightChart,
                    margin: {
                        top: 80,
                        right: 20,
                        bottom: 40,
                        left: 55
                    },
                    clipEdge: true,
                    duration: 500,
                    stacked: false,
                    tooltip: {
                        enabled: true
                    },
                    x: function(d) {
                        return moment.utc(d.x).valueOf();
                    },
                    y: function(d) {
                        return d.y;
                    },
                    xAxis: {
                        axisLabel: 'Time',
                        tickFormat: function(d) {
                            return d3.time.format('%-m/%-d/%-y')(new Date(d));
                        }
                    },
                    yAxis: {
                        axisLabel: 'Score',
                        tickFormat: function(d) {
                            return d3.format('.2f')(d);
                        },
                        axisLabelDistance: -10
                    },
                    zoom: {
                        enabled: false,
                        scaleExtent: [1, 1000],
                        verticalOff: true,
                        unzoomEventType: 'dblclick.zoom'
                    }
                }
            };

选项是

.ToString("0000")

但是我希望它从左到右显示。是否有任何选项可以设置图例从左到右显示。谢谢。

0 个答案:

没有答案