1,969
edits
Changes
no edit summary
{{Third-party plugin}}
The '''D3 Ancestral/and Descendant ChartCharts''' addon consists of three(3) Web based reports:* {{man label|[[D3_Ancestral/Descendant_ChartsAddon:D3_Ancestral_and_Descendant_Charts#Ancestral_Collapsible_Tree|Ancestral Collapsible Tree]]}}* {{man label|[[D3_Ancestral/Descendant_ChartsAddon:D3_Ancestral_and_Descendant_Charts#Ancestral_Fan_Chart|Ancestral Fan Chart]]}}* {{man label|[[D3_Ancestral/Descendant_ChartsAddon:D3_Ancestral_and_Descendant_Charts#Descendant_Indented_Tree|Descendant Indented Tree]]}}.
Each chart used the [http://en.wikipedia.org/wiki/[Output_formats#D3.js |D3.js library]] for its layout which are SVG based and provide some really nice inter-activeness and animation.
Note the filtering is based off the text based Ancestry and Descendant Reports.
== Issues ==
* Charts appear without content - related to a security vulnerability update to Browsers. (i.e. local HTML files ought not to be authorized to open files from different sub-directories) This shouldn't be a problem once the files are uploaded to a server. It is just local mode that is affected. Workarounds for local mode available for:
** set [https://gramps.discourse.group/t/web-page-reports-have-no-content/411/8 Firefox] <tt>privacy.file_unique_origin flag</tt> to false in [http://kb.mozillazine.org/About:config about:config]
** Chrome launch flags: <pre>C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files --allow-file-access --allow-cross-origin-auth-prompt</pre>
* Help buttons URL's on report dialogs do not lead here.
* {{bug|9602}}: Descendant Indented Tree doesn't work with Chromium browser
* {{bug|11800}}: D3 Chart update of d3.js and jquery libraries to newer versions
** Uses D3.js version 3.4.5 (and not the [https://d3js.org/ current release])
** Uses [https://jquery.com/ jquerry] possibly also outdated* Does not work with MS-IE 11?[https://github.com/d3/d3/issues/599#issuecomment-32245110]If anyone is still facing the problem [with MS-IE 11] here is the solution: Add this 2 lines to your html file. <code><meta http-equiv="X-UA-Compatible" content="IE=edge" /></code> If not IE doesn't understand the property CSSStyleDeclaration in your d3.js file.
[[Category:Plugins]]
[[Category:Developers/General]]
[[Category:Reports]]
