javascript - updating multiple charts with one focus chart using Angular nvd3 directives -
i trying create dashboard controlled 1 focus chart.
for example, if check out plunker here: http://plnkr.co/edit/waxnb57oka9vkrzzntrm?p=preview see "nvd3-line-with-focus-chart" on top , "nvd3-cumulative-line-chart" on bottom.
<nvd3-line-with-focus-chart data="exampledata" id="exampleid" width="400" height="300" height2="50" x="xfunction()" y="yfunction()" forcey="[0]" interactive="true" tooltipcontent="tooltipcontentfunction()"> <svg></svg> </nvd3-line-with-focus-chart> <nvd3-cumulative-line-chart data="exampledata" id="examplechart2" showxaxis="true" showyaxis="true" tooltips="true" interactive="true" margin="{left:80,top:10,bottom:30,right:50}" isarea="true" tooltip="true" x="xfunction()" y="yfunction()"> </nvd3-cumulative-line-chart>
i'm wondering how can update "nvd3-cumulative-line-chart" selected range based on first focus chart ("nvd3-line-with-focus-chart")?
also, current angularjs-nvd3-directives library, possible display focus chart on first display?
thanks help!
Comments
Post a Comment