Angular Plotly.js
Usage
Install with bower:
bower install angular-plotly
Include angular, plotly and angular-plotly:
Add plotly dependency:
var app = angular;
Add a chart:
The values expected for data
, layout
and options
can be found in plotly's documentation.
Running the example
Run a simple webserver from the root of your repository:
python -m SimpleHTTPServer 8000
Open the following url:
http://127.0.0.1:8000/example/index.html
Optional Event Subscription:
Plotly can also be initialized with plotly-events
Where plotlyEvents
is a function that accepts the plotly.graph
Object as a parameter.
This function is only called once during initialization and can be used to create listeners for the various
plot events such as:
- plotly_click
- plotly_beforehover
- plotly_hover
- plotly_unhover
- plotly_relayout
- plotly_selecting
- plotly_deselect
- plotly_doubleclick
- plotly_beforeexport
- plotly_afterexport
- plotly_afterplot
- plotly_redraw
- plotly_clickannotation
An example plotlyEvents
definition is:
$scopeNumberOfSelectedPoints = 0;$scope{ graph;};