├── .gitignore ├── ChangeLog.md ├── Contact.md ├── Privacy.md ├── ReadMe.md ├── _config.yml ├── _includes └── embed.html ├── _layouts └── default.html ├── assets ├── css │ └── style.scss ├── dataFields.png ├── expandCollapseNode.png ├── favicon.ico ├── logo.png └── textFormat.png ├── dist └── D3JsTree2F7A67F154D04FA3A4CA3E01DE5AE54B.1.0.7.pbiviz └── sample └── Tree.pbix /.gitignore: -------------------------------------------------------------------------------- 1 | .vs -------------------------------------------------------------------------------- /ChangeLog.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | The page contains a quick summary of the {{ site.title }} versions. 3 | 4 | ## Future enhancements 5 | - Ability to rotate label 6 | - Option to word-wrap label within a node 7 | - Better way to handle long label (e.g. automatically expand tree depth, truncate label, wrap label, etc.) 8 | 9 | ## v1.0.8 (2019-12-??) 10 | ### Fixes 11 | - Fixed the issue where numeric field is not being diplayed in tooltip 12 | - Addressed various issues for visual certification 13 | ### Enhancements 14 | - Allowed conditional formatting to be applied using non-numeric value comparison against the Measure 15 | - Added <> (not equal) as a new condition for conditional formatting 16 | 17 | ## v1.0.7 (2019-12-02) 18 | ### Enhancements 19 | - Add option to conditionally set the node's border colour 20 | 21 | ## v1.0.6 (2019-11-26) 22 | ### Fixes 23 | - Text-anchor set to "middle" if tree is vertically orientated or the option to show label within nodes is selected. Otherwise, set text-anchor to "start" 24 | ### Enhancements 25 | - Add option to set the size of expand symbol 26 | 27 | ## v1.0.5 (2019-10-28) 28 | ### Fixes 29 | - Tree moved unexpectedly when expanding or collapsing a node 30 | ### Enhancements 31 | - Configure user-defined setting through the use of global CSS variables 32 | 33 | ## v1.0.4 (2019-10-07) 34 | ### Enhancements 35 | This is the first release of Tree custom visual into Microsoft AppSource store. The release contains the following features and configuration options: 36 | - vertical/horizonal orientation 37 | - custom label 38 | - custom URL 39 | - display label within node 40 | - node shape 41 | - link shape 42 | - conditional formatting of node 43 | - default expanded level 44 | - default tree location 45 | - depth of tree 46 | - distance between nodes 47 | -------------------------------------------------------------------------------- /Contact.md: -------------------------------------------------------------------------------- 1 | # Contact 2 | If you have any comment or feedback related to the working of {{ site.title }}, feel free to leave feedback [here]({{ site.github.issues_url }}) in GitHub. (*GitHub account required*) 3 | 4 | Alternatively, you can email your question directly to [CK Corp](mailto:ck.corp@outlook.com) - [ck.corp@outlook.com](mailto:ck.corp@outlook.com) 5 | 6 | For more information about {{ site.title }}, please take a look at the [user guide](.). 7 | -------------------------------------------------------------------------------- /Privacy.md: -------------------------------------------------------------------------------- 1 | # Privacy Statement 2 | The {{ site.title }} visual does not collect or use any of your personal information. 3 | -------------------------------------------------------------------------------- /ReadMe.md: -------------------------------------------------------------------------------- 1 | # Power BI Custom Visual 2 | ## {{ site.title }} 3 | ![alt text](assets/logo.png "Logo"){:.floatRight} 4 | The {{ site.title }} for Power BI is a tree structure custom visual that can be used in Power BI report. There are many ways to customise the tree visual, such as 5 | * vertical/horizonal orientation 6 | * custom label 7 | * custom URL 8 | * display label within node 9 | * node shape 10 | * link shape 11 | * conditional formatting of node 12 | * ... 13 | 14 | ## Usage 15 | To use {{ site.title }}, you need to have a data set which contains "parent id" and "id" in order to establish the parent-child relationship. This will allow the visual to relate parent nodes to their respective child nodes in order to render the tree. 16 | 17 | In addition, you can optionally provide a measure and up to eight data fields as values. These data fields can then be used to format the label and/or the URL. 18 | 19 | ![alt text](assets/dataFields.png "Data Fields") 20 | 21 | By default, the display text (i.e. the label) is set to {0}, which simply means the first field under Values. As up to eight fields are allowed under Values, you can use {1} to reference the second field, {2} to reference the third field, and so on up to {7}, which will refernce the eighth field. To reference the measure, use {Measure}. To add a newline, use {NL}. This same notation can also be used for the URL. 22 | 23 | ![alt text](assets/textFormat.png "Text Format") 24 | 25 | ## Example 26 | {% include embed.html %} 27 | 28 | ## Sample 29 | A sample file can be downloaded [here](sample/Tree.pbix). 30 | 31 | ## Changelog 32 | See the list of changes [here](ChangeLog). 33 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | theme: jekyll-theme-architect 2 | title: Tree 3 | description: Power BI visual powered by D3.js tree 4 | -------------------------------------------------------------------------------- /_includes/embed.html: -------------------------------------------------------------------------------- 1 | 4 | -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 15 | {% seo %} 16 | 17 | 18 | 19 |
20 |
21 | 22 |

{{ site.title | default: site.github.repository_name }}

23 | 24 |

{{ site.description | default: site.github.project_tagline }}

25 | {% if site.github.is_project_page %} 26 | View project on GitHub 27 | {% endif %} 28 | {% if site.github.is_user_page %} 29 | Follow me on GitHub 30 | {% endif %} 31 |
32 |
33 | 34 |
35 |
36 |
37 | {{ content }} 38 |
39 | 40 | 58 |
59 |
60 | 61 | {% if site.google_analytics %} 62 | 70 | {% endif %} 71 | 72 | 73 | -------------------------------------------------------------------------------- /assets/css/style.scss: -------------------------------------------------------------------------------- 1 | --- 2 | --- 3 | 4 | @import "{{ site.theme }}"; 5 | .floatRight { 6 | float: right 7 | } 8 | aside#sidebar ul { 9 | list-style: none 10 | } 11 | -------------------------------------------------------------------------------- /assets/dataFields.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ck-corp/TreePowerBIVisual/445f618147417fc840781f59527c1ff5d76dd930/assets/dataFields.png -------------------------------------------------------------------------------- /assets/expandCollapseNode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ck-corp/TreePowerBIVisual/445f618147417fc840781f59527c1ff5d76dd930/assets/expandCollapseNode.png -------------------------------------------------------------------------------- /assets/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ck-corp/TreePowerBIVisual/445f618147417fc840781f59527c1ff5d76dd930/assets/favicon.ico -------------------------------------------------------------------------------- /assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ck-corp/TreePowerBIVisual/445f618147417fc840781f59527c1ff5d76dd930/assets/logo.png -------------------------------------------------------------------------------- /assets/textFormat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ck-corp/TreePowerBIVisual/445f618147417fc840781f59527c1ff5d76dd930/assets/textFormat.png -------------------------------------------------------------------------------- /dist/D3JsTree2F7A67F154D04FA3A4CA3E01DE5AE54B.1.0.7.pbiviz: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ck-corp/TreePowerBIVisual/445f618147417fc840781f59527c1ff5d76dd930/dist/D3JsTree2F7A67F154D04FA3A4CA3E01DE5AE54B.1.0.7.pbiviz -------------------------------------------------------------------------------- /sample/Tree.pbix: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ck-corp/TreePowerBIVisual/445f618147417fc840781f59527c1ff5d76dd930/sample/Tree.pbix --------------------------------------------------------------------------------