角度NVD3折线图缩放-开启将可视区域外拖动

时间:2019-06-28 04:17:03

标签: angularjs nvd3.js

角度NVD3折线图缩放,能够拖动到图表区域之外。是否可以仅限制显示图表数据?

enter image description here

$ scope.scaleGraphOptions = {                             图表:{                                 类型:“ lineChart”,                                 高度:500,                                 保证金:{                                     最高:20                                     右:20                                     底部:200,                                     左:50                                 },                                 x:function(d){return d [0]; },                                 y:function(d){return d 1; },                                 颜色:d3.scale.category10()。range(),                                 持续时间:300,                                 useInteractiveGuideline:true,                                 xAxis:{                                     tickFormat:函数(d){                                         返回$ filter('date')(d,'short'); // d3.time.format('%x')(new Date(d)); //取消注释日期格式                                     },                                     showMaxMin:否,                                     rotationLabels:15,                                 },                                 yAxis:{                                     axisLabelDistance:100,
                                },                                 forceY:$ scope.forceY,                                 forceX:$ scope.forceX,                                 缩放:{                                     已启用:true,                                     规模:规模,                                     scaleExtent:[1,10],                                     useFixedDomain:否,                                     useNiceScale:否,                                     horizo​​ntalOff:否,                                     verticalOff:true,                                     unzoomEventType:“ dblclick.zoom”,                                 }                             }                         };

0 个答案:

没有答案