n3-charts / line-chart

Awesome charts for AngularJS.
http://n3-charts.github.io/line-chart/
MIT License
1.2k stars 180 forks source link

axis.*.grid false is behaving like true #361

Open KIC opened 8 years ago

KIC commented 8 years ago

the following options are showing a grid even the parameter is clearly false, one if one omit the parameter the grid is not rendered.

opts = {"options":{"axes":{"x":{"key":"x","type":"date","innerTicks":false,"grid":false,"zoomable":false,"width":50},"y":{"type":"linear","innerTicks":false,"grid":false,"zoomable":false,"width":50},"y2":{"type":"linear","innerTicks":false,"grid":false,"zoomable":false,"width":50}},"margin":{"top":50,"left":50,"bottom":50,"right":50},"series":[{"y":"y_2022012779_return","type":"line","visible":true,"label":"markowitz return","axis":"y","striped":false,"thickness":1,"drawDots":false,"dotSize":2},{"y":"y_1232948374_return","type":"line","visible":true,"label":"1 / n return","axis":"y","striped":false,"thickness":1,"drawDots":false,"dotSize":2}],"lineMode":"linear","tension":0.7,"drawLegend":true,"drawDots":true,"hideOverflow":false,"columnsHGap":5},"data":[{"x":1417820399999,"y_2022012779_return":1.0,"y_1232948374_return":1.0},{"x":1418079599999,"y_2022012779_return":1.0013427568920512,"y_1232948374_return":0.9995915460280143},{"x":1418165999999,"y_2022012779_return":0.9994318639510995,"y_1232948374_return":0.9985277767200011},{"x":1418252399999,"y_2022012779_return":1.0002182829853123,"y_1232948374_return":0.9987121146255095},{"x":1418338799999,"y_2022012779_return":1.0043012922342252,"y_1232948374_return":0.9986895032567178},{"x":1418425199999,"y_2022012779_return":1.0022944701106375,"y_1232948374_return":0.9975498672056407},{"x":1418684399999,"y_2022012779_return":1.0018820510412945,"y_1232948374_return":0.9960617385829849},{"x":1418770799999,"y_2022012779_return":1.003009904039649,"y_1232948374_return":0.9963889398176208},{"x":1418857199999,"y_2022012779_return":1.0036126627660804,"y_1232948374_return":0.9967061766017764},{"x":1418943599999,"y_2022012779_return":1.0063278195403529,"y_1232948374_return":0.9983380570047591},{"x":1419029999999,"y_2022012779_return":1.0052848055260493,"y_1232948374_return":0.9984150775556075},{"x":1419289199999,"y_2022012779_return":1.0082167566209415,"y_1232948374_return":0.9993144978730408}]};

$scope.doSomething = function() {
    something.getSomething($scope);    
};

})

This is also true for innerTicks. Also I have no clue why the legend is missing but set to true.

KIC commented 8 years ago

hmmm ... If we omit the margin as a whole then the legend shows up