Maybe a dumb question, but how can i use the d3js directives? I put all the
dependencies in my static folder and wrote in my html file:
<script src="js/angularjs-nvd3-directives.js"></script>
<script src="js/d3/d3.js"></script>
<script src="js/nvd3/nv.d3.js"></script>
<link rel="stylesheet" href="css/nvcd3/nv.d3.css"/>
<div ng-controller="ExampleCtrl">
<nvd3-line-chart
data="exampleData"
id="exampleId"
xAxisTickFormat="xAxisTickFormatFunction()"
yAxisTickFormat="yAxisTickFormatFunction()"
width="550"
height="350"
showXAxis="true"
showYAxis="true">
<svg></svg>
</nvd3-line-chart>
</div>
just as in the link you provided. But the next two lines i dont really get:
In the Angular App, include nvd3ChartDirectives as a dependency.
var app = angular.module("nvd3TestApp", ['nvd3ChartDirectives']);
Create an Angular.js Controller, and assign json data to a scope variable.
and what do i have to write in my Controller file?
Thanks for any help :)
Am Montag, 7. April 2014 13:11:42 UTC+2 schrieb Ramos:
>
> After all the pain learning d3 and angular i discovered d3js directives
> for angular.
>
> using them inside web2py is easy
>
> check one of them here about the line chart
> http://cmaurer.github.io/angularjs-nvd3-directives/line.chart.html
>
>
> 2014-04-05 20:11 GMT+01:00 Martina Gruber <[email protected]<javascript:>
> >:
>
>> Hi Sihui,
>>
>> Just add a div with an id after extend layout and then select this id
>> from d3.
>> If you select "body" and append a circle it will go at the bottom of the
>> page.
>>
>> {{response.files.append(URL(r=request,c='static',f='/js/d3.js'))}}
>>> {{extend 'layout.html'}}
>>>
>>> <div id="mychart"> </div>
>>>
>>> <script type="text/javascript">
>>> d3.select('#mychart').append('svg').append('circle').style("stroke",
>>> "gray").style("fill", "red").attr("r", 40).attr("cx", 50).attr("cy", 50);
>>> </script>
>>>
>>> --
>> Resources:
>> - http://web2py.com
>> - http://web2py.com/book (Documentation)
>> - http://github.com/web2py/web2py (Source code)
>> - https://code.google.com/p/web2py/issues/list (Report Issues)
>> ---
>> You received this message because you are subscribed to the Google Groups
>> "web2py-users" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to [email protected] <javascript:>.
>> For more options, visit https://groups.google.com/d/optout.
>>
>
>
--
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/d/optout.
