Hi Andrew,
I forgot to mention that ui-router is a module for AngularJS. The ui-sref
is somewhat similar to href on <a href="url link"></a>. However, the
parameter that you assign to ui-sref is not a url but a state. This state
will have few different properties like url, html template and the
AngularJS controller. Below is an example code
<a ui-sref="main.plottotalbytesusage">Total Bytes Usage/World</a>
in a regular html coding, we would write that as
<a href="/plottotalbytesusage.html">Total Bytes Usage/World</a>
Going back to main.plottotalbytesusage, it's a state and main is the root.
Below is how I defined plottotalbytesusage state.
.state("main.plottotalbytesusage",{
url: "/plottotalbytesusage",
views: {
'areastacked@main': {
templateUrl: 'views/areastackedchart.html',
controller:
'generateTotalBytesUsedPerWorldforAreaStackedController'
}
}
})
When I click on the "Total Bytes Usage/World" link on the webpage,
UI-router module knows which state to execute/call. It will execute the
codes inside the controller
generateTotalBytesUsedPerWorldforAreaStackedController then whatever data
inside this controller will be inserted to views/areastackedchart.html then
finally rendered.
Maybe we can try this. Give me a code that will open up about.html when I
click on one of the data in the chart. I will convert the code into
ui-router code similar to the above. Let's hope it works.
On Wednesday, May 7, 2014 4:01:00 PM UTC-5, Andrew Gallant wrote:
>
> What do ui-router and ui-sref do? Can you post a code example or a link
> to the page so I can see how you have all this linked together?
>
> On Wednesday, May 7, 2014 12:25:18 PM UTC-4, Neil Camara wrote:
>>
>> Hey folks,
>>
>> I haven't found any code that allows us to click on a dot of line, bar,
>> or a pie slice which uses ui-router's ui-sref. The reason I wanted to do
>> this is to be able to drill down on that clicked data.
>>
>> Any help would be greatly appreciated.
>>
>> Thanks,
>>
>> Neil
>>
>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.
