Project

General

Profile

« Previous | Next » 

Revision 61551

Added by Stefania Martziou over 2 years ago

Finished the open science datasets tab for the country page

View differences:

modules/open-science-observatory-ui/branches/new-indicators-and-graphs-osfair-2021/src/app/pages/country/open-science/datasets/country-os-datasets-routing.module.ts
10 10 
    children : [
11 11 
      {
12 12 
        path: '',
13 
        redirectTo: 'pid',
13 
        redirectTo: 'licence',
14 14 
        pathMatch: 'full',
15 15 
      },
16 16 
      {
modules/open-science-observatory-ui/branches/new-indicators-and-graphs-osfair-2021/src/app/pages/country/open-science/datasets/country-os-datasets-indicators.component.html
1 
<div *ngIf="indicator && indicator=='pid'" class="pidIndicator">
2 
  <div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">
1 
<div *ngIf="indicator && indicator=='licence'" class="licenceIndicator">
2 
  <div class="uk-grid uk-grid-match uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">
3 3 

  		




  4
  4
  
    
    <div class="uk-grid-margin">


  		




  5
  5
  
    
      <div class="md-card chartCard">


  		




  
  6
  
    
        <div class="md-card-content uk-margin-large-top">


  		




  
  7
  
    
          <iframe *ngIf="datasetsWithLicenceTimeline" width="100%" height="550" [src]="datasetsWithLicenceTimeline"></iframe>


  		




  
  8
  
    
        </div>


  		




  
  9
  
    
      </div>


  		




  
  10
  
    
    </div>


  		




  
  11
  
    

  		




  
  12
  
    
    <div class="uk-grid-margin">


  		




  
  13
  
    
      <div class="md-card chartCard">


  		




  6
  14
  
    
        <div class="md-card-content">


  		




  7
  
  
    
          <iframe *ngIf="datasetsWithPIDTimeline" width="100%" height="550" [src]="datasetsWithPIDTimeline"></iframe>


  		




  
  15
  
    

  		




  
  16
  
    
          <!--MOBILE & PAD PORTRAIT-->


  		




  
  17
  
    
          <div class="uk-hidden@m">


  		




  
  18
  
    
            <div class="uk-flex uk-flex-right uk-flex-middle uk-margin-bottom">


  		




  
  19
  
    
              <label class="uk-margin-right">Show by: </label>


  		




  
  20
  
    
              <select class="md-input" #selectLicenceGroupBy (change)="getDatasetsWithLicenceGroupByMobile(selectLicenceGroupBy.value)" style="width: 230px; display: inline-block">


  		




  
  21
  
    
                <option value="datasource">datasource</option>


  		




  
  22
  
    
                <option value="organization">organization</option>


  		




  
  23
  
    
                <option value="funder">funder</option>


  		




  
  24
  
    
              </select>


  		




  
  25
  
    
            </div>


  		




  
  26
  
    

  		




  
  27
  
    
            <iframe *ngIf="datasetsWithLicenceGroupByView==='datasource' && datasetsWithLicenceByDatasourceChartURL"


  		




  
  28
  
    
                    width="100%" height="550" [src]="datasetsWithLicenceByDatasourceChartURL"></iframe>


  		




  
  29
  
    
            <iframe *ngIf="datasetsWithLicenceGroupByView==='organization' && datasetsWithLicenceByOrganizationChartURL"


  		




  
  30
  
    
                    width="100%" height="550" [src]="datasetsWithLicenceByOrganizationChartURL"></iframe>


  		




  
  31
  
    
            <app-treemap-highchart *ngIf="datasetsWithLicenceGroupByView==='funder' && datasetsWithLicenceByFunderData"


  		




  
  32
  
    
                                   [chartTitle]="'Open Access datasets with licence'" [chartSubtitle]="'by funder'"


  		




  
  33
  
    
                                   [chartData]="datasetsWithLicenceByFunderData" [color]="datasetColor"></app-treemap-highchart>


  		




  
  34
  
    

  		




  
  35
  
    
          </div>


  		




  
  36
  
    

  		




  
  37
  
    
          <!--LAPTOP & PAD LANDSCAPE-->


  		




  
  38
  
    
          <div class="uk-visible@m">


  		




  
  39
  
    
            <ul class="uk-subnav uk-subnav-pill uk-flex uk-flex-right uk-flex-middle uk-margin-bottom" uk-margin


  		




  
  40
  
    
                data-uk-switcher="{connect:'#switcher-content-a-fade-datasets-licence', animation: 'fade'}">


  		




  
  41
  
    
              <li class="uk-active"><a (click)="getDatasetsWithLicenceGroupBy('datasource')">Datasource</a></li>


  		




  
  42
  
    
              <li><a (click)="getDatasetsWithLicenceGroupBy('organization')">Organization</a></li>


  		




  
  43
  
    
              <li><a (click)="getDatasetsWithLicenceGroupBy('funder')">Funder</a></li>


  		




  
  44
  
    
            </ul>


  		




  
  45
  
    

  		




  
  46
  
    
            <ul id="switcher-content-a-fade-datasets-licence" class="uk-switcher uk-margin">


  		




  
  47
  
    
              <li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;" class="">


  		




  
  48
  
    
                <iframe *ngIf="datasetsWithLicenceByDatasourceChartURL"


  		




  
  49
  
    
                        width="100%" height="550" [src]="datasetsWithLicenceByDatasourceChartURL"></iframe>


  		




  
  50
  
    
              </li>


  		




  
  51
  
    
              <li aria-hidden="true" style="animation-duration: 200ms;" class="">


  		




  
  52
  
    
                <iframe *ngIf="datasetsWithLicenceByOrganizationChartURL"


  		




  
  53
  
    
                        width="100%" height="550" [src]="datasetsWithLicenceByOrganizationChartURL"></iframe>


  		




  
  54
  
    
              </li>


  		




  
  55
  
    
              <li aria-hidden="true" style="animation-duration: 200ms;" class="">


  		




  
  56
  
    
                <app-treemap-highchart *ngIf="datasetsWithLicenceByFunderData"


  		




  
  57
  
    
                                       [chartTitle]="'Open Access datasets with licence'" [chartSubtitle]="'by funder'"


  		




  
  58
  
    
                                       [chartData]="datasetsWithLicenceByFunderData" [color]="datasetColor"></app-treemap-highchart>


  		




  
  59
  
    
              </li>


  		




  
  60
  
    
            </ul>


  		




  
  61
  
    
          </div>


  		




  
  62
  
    

  		




  8
  63
  
    
        </div>


  		




  9
  64
  
    
      </div>


  		




  10
  65
  
    
    </div>


  		




  11
  66
  
    

  		




  12
  67
  
    
    <div class="uk-grid-margin">


  		




  13
  68
  
    
      <div class="md-card chartCard">


  		




  
  69
  
    
        <div class="md-card-content uk-margin-large-top">


  		




  
  70
  
    
          <iframe *ngIf="datasetsWithCCLicenceTimeline" width="100%" height="550" [src]="datasetsWithCCLicenceTimeline"></iframe>


  		




  
  71
  
    
        </div>


  		




  
  72
  
    
      </div>


  		




  
  73
  
    
    </div>


  		




  
  74
  
    

  		




  
  75
  
    
    <div class="uk-grid-margin">


  		




  
  76
  
    
      <div class="md-card chartCard">


  		




  14
  77
  
    
        <div class="md-card-content">


  		




  15
  78
  
    

  		




  16
  79
  
    
          <!--MOBILE & PAD PORTRAIT-->


  		




  17
  80
  
    
          <div class="uk-hidden@m">


  		




  18
  81
  
    
            <div class="uk-flex uk-flex-right uk-flex-middle uk-margin-bottom">


  		




  19
  82
  
    
              <label class="uk-margin-right">Show by: </label>


  		




  20
  
  
    
              <select class="md-input" #selectPIDGroupBy (change)="getDatasetsWithPIDGroupByMobile(selectPIDGroupBy.value)" style="width: 230px; display: inline-block">


  		




  
  83
  
    
              <select class="md-input" #selectCCLicenceGroupBy (change)="getDatasetsWithCCLicenceGroupByMobile(selectCCLicenceGroupBy.value)" style="width: 230px; display: inline-block">


  		




  21
  84
  
    
                <option value="datasource">datasource</option>


  		




  22
  85
  
    
                <option value="organization">organization</option>


  		




  23
  86
  
    
                <option value="funder">funder</option>


  		




  24
  87
  
    
              </select>


  		




  25
  88
  
    
            </div>


  		




  26
  89
  
    

  		




  27
  
  
    
            <iframe *ngIf="datasetsWithPIDGroupByView==='datasource' && datasetsWithPIDByDatasourceChartURLMobile"


  		




  28
  
  
    
                    width="100%" height="550" [src]="datasetsWithPIDByDatasourceChartURLMobile"></iframe>


  		




  29
  
  
    
            <iframe *ngIf="datasetsWithPIDGroupByView==='organization' && datasetsWithPIDByOrganizationChartURLMobile"


  		




  30
  
  
    
                    width="100%" height="550" [src]="datasetsWithPIDByOrganizationChartURLMobile"></iframe>


  		




  31
  
  
    
            <app-treemap-highchart *ngIf="datasetsWithPIDGroupByView==='funder' && datasetsWithPIDByFunderData"


  		




  32
  
  
    
                                   [chartTitle]="'OA Datasets with PID by funder'"


  		




  33
  
  
    
                                   [chartData]="datasetsWithPIDByFunderData" [color]="datasetColor"></app-treemap-highchart>


  		




  
  90
  
    
            <iframe *ngIf="datasetsWithCCLicenceGroupByView==='datasource' && datasetsWithCCLicenceByDatasourceChartURL"


  		




  
  91
  
    
                    width="100%" height="550" [src]="datasetsWithCCLicenceByDatasourceChartURL"></iframe>


  		




  
  92
  
    
            <iframe *ngIf="datasetsWithCCLicenceGroupByView==='organization' && datasetsWithCCLicenceByOrganizationChartURL"


  		




  
  93
  
    
                    width="100%" height="550" [src]="datasetsWithCCLicenceByOrganizationChartURL"></iframe>


  		




  
  94
  
    
            <app-treemap-highchart *ngIf="datasetsWithCCLicenceGroupByView==='funder' && datasetsWithCCLicenceByFunderData"


  		




  
  95
  
    
                                   [chartTitle]="'Open Access datasets with CC licence'" [chartSubtitle]="'by funder'"


  		




  
  96
  
    
                                   [chartData]="datasetsWithCCLicenceByFunderData" [color]="datasetColor"></app-treemap-highchart>


  		




  34
  97
  
    

  		




  35
  98
  
    
          </div>


  		




  36
  99
  
    

  		




  37
  100
  
    
          <!--LAPTOP & PAD LANDSCAPE-->


  		




  38
  101
  
    
          <div class="uk-visible@m">


  		




  39
  102
  
    
            <ul class="uk-subnav uk-subnav-pill uk-flex uk-flex-right uk-flex-middle uk-margin-bottom" uk-margin


  		




  40
  
  
    
                data-uk-switcher="{connect:'#switcher-content-a-fade-publications', animation: 'fade'}">


  		




  41
  
  
    
              <li class="uk-active"><a (click)="getDatasetsWithPIDGroupBy('datasource')">Datasource</a></li>


  		




  42
  
  
    
              <li><a (click)="getDatasetsWithPIDGroupBy('organization')">Organization</a></li>


  		




  43
  
  
    
              <li><a (click)="getDatasetsWithPIDGroupBy('funder')">Funder</a></li>


  		




  
  103
  
    
                data-uk-switcher="{connect:'#switcher-content-a-fade-datasets-cc-licence', animation: 'fade'}">


  		




  
  104
  
    
              <li class="uk-active"><a (click)="getDatasetsWithCCLicenceGroupBy('datasource')">Datasource</a></li>


  		




  
  105
  
    
              <li><a (click)="getDatasetsWithCCLicenceGroupBy('organization')">Organization</a></li>


  		




  
  106
  
    
              <li><a (click)="getDatasetsWithCCLicenceGroupBy('funder')">Funder</a></li>


  		




  44
  107
  
    
            </ul>


  		




  45
  108
  
    

  		




  46
  
  
    
            <ul id="switcher-content-a-fade-publications" class="uk-switcher uk-margin">


  		




  47
  
  
    
              <li aria-hidden="false" style="animation-duration: 200ms;" class="uk-active">


  		




  48
  
  
    
                <iframe *ngIf="datasetsWithPIDByDatasourceChartURL"


  		




  49
  
  
    
                        width="100%" height="350" [src]="datasetsWithPIDByDatasourceChartURL"></iframe>


  		




  
  109
  
    
            <ul id="switcher-content-a-fade-datasets-cc-licence" class="uk-switcher uk-margin">


  		




  
  110
  
    
              <li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;" class="">


  		




  
  111
  
    
                <iframe *ngIf="datasetsWithCCLicenceByDatasourceChartURL"


  		




  
  112
  
    
                        width="100%" height="550" [src]="datasetsWithCCLicenceByDatasourceChartURL"></iframe>


  		




  50
  113
  
    
              </li>


  		




  51
  114
  
    
              <li aria-hidden="true" style="animation-duration: 200ms;" class="">


  		




  52
  
  
    
                <iframe *ngIf="datasetsWithPIDByOrganizationChartURL"


  		




  53
  
  
    
                        width="100%" height="350" [src]="datasetsWithPIDByOrganizationChartURL"></iframe>


  		




  
  115
  
    
                <iframe *ngIf="datasetsWithCCLicenceByOrganizationChartURL"


  		




  
  116
  
    
                        width="100%" height="550" [src]="datasetsWithCCLicenceByOrganizationChartURL"></iframe>


  		




  54
  117
  
    
              </li>


  		




  55
  118
  
    
              <li aria-hidden="true" style="animation-duration: 200ms;" class="">


  		




  56
  
  
    
                <app-treemap-highchart *ngIf="datasetsWithPIDByFunderData"


  		




  57
  
  
    
                                       [chartTitle]="'OA Datasets with PID by funder'"


  		




  58
  
  
    
                                       [chartData]="datasetsWithPIDByFunderData" [color]="datasetColor"></app-treemap-highchart>


  		




  
  119
  
    
                <app-treemap-highchart *ngIf="datasetsWithCCLicenceByFunderData"


  		




  
  120
  
    
                                       [chartTitle]="'Open Access datasets with CC licence'" [chartSubtitle]="'by funder'"


  		




  
  121
  
    
                                       [chartData]="datasetsWithCCLicenceByFunderData" [color]="datasetColor"></app-treemap-highchart>


  		




  59
  122
  
    
              </li>


  		




  60
  123
  
    
            </ul>


  		




  61
  124
  
    
          </div>


  		




  ......




  66
  129
  
    

  		




  67
  130
  
    
  </div>


  		




  68
  131
  
    
</div>


  		




  69
  
  
    
<div *ngIf="indicator && indicator=='licence'" class="licenceIndicator">


  		




  70
  
  
    
  <div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">


  		




  71
  132
  
    

  		




  72
  
  
    
    <div class="uk-grid-margin">


  		




  
  133
  
    
<div *ngIf="indicator && indicator=='pid'" class="pidIndicator">


  		




  
  134
  
    

  		




  
  135
  
    
  <div class="uk-grid uk-grid-margin">


  		




  
  136
  
    
    <div class="uk-width-3-4@l uk-width-1-1@m uk-width-1-1@s">


  		




  73
  137
  
    
      <div class="md-card chartCard">


  		




  74
  138
  
    
        <div class="md-card-content">


  		




  75
  
  
    
          <iframe *ngIf="datasetsWithLicenceTimeline" width="100%" height="550" [src]="datasetsWithLicenceTimeline"></iframe>


  		




  
  139
  
    
          <iframe *ngIf="datasetsWithPIDTimeline" width="100%" height="550" [src]="datasetsWithPIDTimeline"></iframe>


  		




  76
  140
  
    
        </div>


  		




  77
  141
  
    
      </div>


  		




  78
  142
  
    
    </div>


  		




  
  143
  
    
  </div>


  		




  79
  144
  
    

  		




  80
  
  
    
    <div class="uk-grid-margin">


  		




  
  145
  
    
  <div class="uk-grid uk-grid-margin">


  		




  
  146
  
    
    <div class="uk-width-3-4@l uk-width-1-1@m uk-width-1-1@s">


  		




  81
  147
  
    
      <div class="md-card chartCard">


  		




  82
  148
  
    
        <div class="md-card-content">


  		




  83
  149
  
    

  		




  ......




  85
  151
  
    
          <div class="uk-hidden@m">


  		




  86
  152
  
    
            <div class="uk-flex uk-flex-right uk-flex-middle uk-margin-bottom">


  		




  87
  153
  
    
              <label class="uk-margin-right">Show by: </label>


  		




  88
  
  
    
              <select class="md-input" #selectLicenceGroupBy (change)="getDatasetsWithLicenceGroupByMobile(selectLicenceGroupBy.value)" style="width: 230px; display: inline-block">


  		




  
  154
  
    
              <select class="md-input" #selectPIDGroupBy (change)="getDatasetsWithPIDGroupByMobile(selectPIDGroupBy.value)" style="width: 230px; display: inline-block">


  		




  89
  155
  
    
                <option value="datasource">datasource</option>


  		




  90
  156
  
    
                <option value="organization">organization</option>


  		




  91
  157
  
    
                <option value="funder">funder</option>


  		




  92
  158
  
    
              </select>


  		




  93
  159
  
    
            </div>


  		




  94
  160
  
    

  		




  95
  
  
    
            <iframe *ngIf="datasetsWithLicenceGroupByView==='datasource' && datasetsWithLicenceByDatasourceChartURLMobile"


  		




  96
  
  
    
                    width="100%" height="550" [src]="datasetsWithLicenceByDatasourceChartURLMobile"></iframe>


  		




  97
  
  
    
            <iframe *ngIf="datasetsWithLicenceGroupByView==='organization' && datasetsWithLicenceByOrganizationChartURLMobile"


  		




  98
  
  
    
                    width="100%" height="550" [src]="datasetsWithLicenceByOrganizationChartURLMobile"></iframe>


  		




  99
  
  
    
            <app-treemap-highchart *ngIf="datasetsWithLicenceGroupByView==='funder' && datasetsWithLicenceByFunderData"


  		




  100
  
  
    
                                   [chartTitle]="'OA Datasets with licence by funder'"


  		




  101
  
  
    
                                   [chartData]="datasetsWithLicenceByFunderData" [color]="datasetColor"></app-treemap-highchart>


  		




  
  161
  
    
            <iframe *ngIf="datasetsWithPIDGroupByView==='datasource' && datasetsWithPIDByDatasourceChartURL"


  		




  
  162
  
    
                    width="100%" height="550" [src]="datasetsWithPIDByDatasourceChartURL"></iframe>


  		




  
  163
  
    
            <iframe *ngIf="datasetsWithPIDGroupByView==='organization' && datasetsWithPIDByOrganizationChartURL"


  		




  
  164
  
    
                    width="100%" height="550" [src]="datasetsWithPIDByOrganizationChartURL"></iframe>


  		




  
  165
  
    
            <app-treemap-highchart *ngIf="datasetsWithPIDGroupByView==='funder' && datasetsWithPIDByFunderData"


  		




  
  166
  
    
                                   [chartTitle]="'Open Access datasets with PID'" [chartSubtitle]="'by funder'"


  		




  
  167
  
    
                                   [chartData]="datasetsWithPIDByFunderData" [color]="datasetColor"></app-treemap-highchart>


  		




  102
  168
  
    

  		




  103
  169
  
    
          </div>


  		




  104
  170
  
    

  		




  105
  171
  
    
          <!--LAPTOP & PAD LANDSCAPE-->


  		




  106
  172
  
    
          <div class="uk-visible@m">


  		




  107
  173
  
    
            <ul class="uk-subnav uk-subnav-pill uk-flex uk-flex-right uk-flex-middle uk-margin-bottom" uk-margin


  		




  108
  
  
    
                data-uk-switcher="{connect:'#switcher-content-a-fade-publications', animation: 'fade'}">


  		




  109
  
  
    
              <li class="uk-active"><a (click)="getDatasetsWithLicenceGroupBy('datasource')">Datasource</a></li>


  		




  110
  
  
    
              <li><a (click)="getDatasetsWithLicenceGroupBy('organization')">Organization</a></li>


  		




  111
  
  
    
              <li><a (click)="getDatasetsWithLicenceGroupBy('funder')">Funder</a></li>


  		




  
  174
  
    
                data-uk-switcher="{connect:'#switcher-content-a-fade-datasets-pid', animation: 'fade'}">


  		




  
  175
  
    
              <li class="uk-active"><a (click)="getDatasetsWithPIDGroupBy('datasource')">Datasource</a></li>


  		




  
  176
  
    
              <li><a (click)="getDatasetsWithPIDGroupBy('organization')">Organization</a></li>


  		




  
  177
  
    
              <li><a (click)="getDatasetsWithPIDGroupBy('funder')">Funder</a></li>


  		




  112
  178
  
    
            </ul>


  		




  113
  179
  
    

  		




  114
  
  
    
            <ul id="switcher-content-a-fade-publications" class="uk-switcher uk-margin">


  		




  115
  
  
    
              <li aria-hidden="false" style="animation-duration: 200ms;" class="uk-active">


  		




  116
  
  
    
                <iframe *ngIf="datasetsWithLicenceByDatasourceChartURL"


  		




  117
  
  
    
                        width="100%" height="350" [src]="datasetsWithLicenceByDatasourceChartURL"></iframe>


  		




  
  180
  
    
            <ul id="switcher-content-a-fade-datasets-pid" class="uk-switcher uk-margin">


  		




  
  181
  
    
              <li aria-hidden="false" class="uk-active" aria-hidden="true" style="animation-duration: 200ms;" class="">


  		




  
  182
  
    
                <iframe *ngIf="datasetsWithPIDByDatasourceChartURL"


  		




  
  183
  
    
                        width="100%" height="550" [src]="datasetsWithPIDByDatasourceChartURL"></iframe>


  		




  118
  184
  
    
              </li>


  		




  119
  185
  
    
              <li aria-hidden="true" style="animation-duration: 200ms;" class="">


  		




  120
  
  
    
                <iframe *ngIf="datasetsWithLicenceByOrganizationChartURL"


  		




  121
  
  
    
                        width="100%" height="350" [src]="datasetsWithLicenceByOrganizationChartURL"></iframe>


  		




  
  186
  
    
                <iframe *ngIf="datasetsWithPIDByOrganizationChartURL"


  		




  
  187
  
    
                        width="100%" height="550" [src]="datasetsWithPIDByOrganizationChartURL"></iframe>


  		




  122
  188
  
    
              </li>


  		




  123
  189
  
    
              <li aria-hidden="true" style="animation-duration: 200ms;" class="">


  		




  124
  
  
    
                <app-treemap-highchart *ngIf="datasetsWithLicenceByFunderData"


  		




  125
  
  
    
                                       [chartTitle]="'OA Datasets with licence by funder'"


  		




  126
  
  
    
                                       [chartData]="datasetsWithLicenceByFunderData" [color]="datasetColor"></app-treemap-highchart>


  		




  
  190
  
    
                <app-treemap-highchart *ngIf="datasetsWithPIDByFunderData"


  		




  
  191
  
    
                                       [chartTitle]="'Open Access datasets with PID'" [chartSubtitle]="'by funder'"


  		




  
  192
  
    
                                       [chartData]="datasetsWithPIDByFunderData" [color]="datasetColor"></app-treemap-highchart>


  		




  127
  193
  
    
              </li>


  		




  128
  194
  
    
            </ul>


  		




  129
  195
  
    
          </div>


  		




  ......




  131
  197
  
    
        </div>


  		




  132
  198
  
    
      </div>


  		




  133
  199
  
    
    </div>


  		




  
  200
  
    
  </div>


  		




  134
  201
  
    

  		




  135
  
  
    
  </div>


  		




  136
  202
  
    
</div>


  		




  
  203
  
    

  		




  
  204
  
    
<!--<div *ngIf="indicator && indicator=='pid'" class="pidIndicator">-->


  		




  
  205
  
    
  <!--<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">-->


  		




  
  206
  
    

  		




  
  207
  
    
    <!--<div class="uk-grid-margin">-->


  		




  
  208
  
    
      <!--<div class="md-card chartCard">-->


  		




  
  209
  
    
        <!--<div class="md-card-content">-->


  		




  
  210
  
    
          <!--<iframe *ngIf="datasetsWithPIDTimeline" width="100%" height="550" [src]="datasetsWithPIDTimeline"></iframe>-->


  		




  
  211
  
    
        <!--</div>-->


  		




  
  212
  
    
      <!--</div>-->


  		




  
  213
  
    
    <!--</div>-->


  		




  
  214
  
    

  		




  
  215
  
    
    <!--<div class="uk-grid-margin">-->


  		




  
  216
  
    
      <!--<div class="md-card chartCard">-->


  		




  
  217
  
    
        <!--<div class="md-card-content">-->


  		




  
  218
  
    

  		




  
  219
  
    
          <!--&lt;!&ndash;MOBILE & PAD PORTRAIT&ndash;&gt;-->


  		




  
  220
  
    
          <!--<div class="uk-hidden@m">-->


  		




  
  221
  
    
            <!--<div class="uk-flex uk-flex-right uk-flex-middle uk-margin-bottom">-->


  		




  
  222
  
    
              <!--<label class="uk-margin-right">Show by: </label>-->


  		




  
  223
  
    
              <!--<select class="md-input" #selectPIDGroupBy (change)="getDatasetsWithPIDGroupByMobile(selectPIDGroupBy.value)" style="width: 230px; display: inline-block">-->


  		




  
  224
  
    
                <!--<option value="datasource">datasource</option>-->


  		




  
  225
  
    
                <!--<option value="organization">organization</option>-->


  		




  
  226
  
    
                <!--<option value="funder">funder</option>-->


  		




  
  227
  
    
              <!--</select>-->


  		




  
  228
  
    
            <!--</div>-->


  		




  
  229
  
    

  		




  
  230
  
    
            <!--<iframe *ngIf="datasetsWithPIDGroupByView==='datasource' && datasetsWithPIDByDatasourceChartURLMobile"-->


  		




  
  231
  
    
                    <!--width="100%" height="550" [src]="datasetsWithPIDByDatasourceChartURLMobile"></iframe>-->


  		




  
  232
  
    
            <!--<iframe *ngIf="datasetsWithPIDGroupByView==='organization' && datasetsWithPIDByOrganizationChartURLMobile"-->


  		




  
  233
  
    
                    <!--width="100%" height="550" [src]="datasetsWithPIDByOrganizationChartURLMobile"></iframe>-->


  		




  
  234
  
    
            <!--<app-treemap-highchart *ngIf="datasetsWithPIDGroupByView==='funder' && datasetsWithPIDByFunderData"-->


  		




  
  235
  
    
                                   <!--[chartTitle]="'OA Datasets with PID by funder'"-->


  		




  
  236
  
    
                                   <!--[chartData]="datasetsWithPIDByFunderData" [color]="datasetColor"></app-treemap-highchart>-->


  		




  
  237
  
    

  		




  
  238
  
    
          <!--</div>-->


  		




  
  239
  
    

  		




  
  240
  
    
          <!--&lt;!&ndash;LAPTOP & PAD LANDSCAPE&ndash;&gt;-->


  		




  
  241
  
    
          <!--<div class="uk-visible@m">-->


  		




  
  242
  
    
            <!--<ul class="uk-subnav uk-subnav-pill uk-flex uk-flex-right uk-flex-middle uk-margin-bottom" uk-margin-->


  		




  
  243
  
    
                <!--data-uk-switcher="{connect:'#switcher-content-a-fade-publications', animation: 'fade'}">-->


  		




  
  244
  
    
              <!--<li class="uk-active"><a (click)="getDatasetsWithPIDGroupBy('datasource')">Datasource</a></li>-->


  		




  
  245
  
    
              <!--<li><a (click)="getDatasetsWithPIDGroupBy('organization')">Organization</a></li>-->


  		




  
  246
  
    
              <!--<li><a (click)="getDatasetsWithPIDGroupBy('funder')">Funder</a></li>-->


  		




  
  247
  
    
            <!--</ul>-->


  		




  
  248
  
    

  		




  
  249
  
    
            <!--<ul id="switcher-content-a-fade-publications" class="uk-switcher uk-margin">-->


  		




  
  250
  
    
              <!--<li aria-hidden="false" style="animation-duration: 200ms;" class="uk-active">-->


  		




  
  251
  
    
                <!--<iframe *ngIf="datasetsWithPIDByDatasourceChartURL"-->


  		




  
  252
  
    
                        <!--width="100%" height="350" [src]="datasetsWithPIDByDatasourceChartURL"></iframe>-->


  		




  
  253
  
    
              <!--</li>-->


  		




  
  254
  
    
              <!--<li aria-hidden="true" style="animation-duration: 200ms;" class="">-->


  		




  
  255
  
    
                <!--<iframe *ngIf="datasetsWithPIDByOrganizationChartURL"-->


  		




  
  256
  
    
                        <!--width="100%" height="350" [src]="datasetsWithPIDByOrganizationChartURL"></iframe>-->


  		




  
  257
  
    
              <!--</li>-->


  		




  
  258
  
    
              <!--<li aria-hidden="true" style="animation-duration: 200ms;" class="">-->


  		




  
  259
  
    
                <!--<app-treemap-highchart *ngIf="datasetsWithPIDByFunderData"-->


  		




  
  260
  
    
                                       <!--[chartTitle]="'OA Datasets with PID by funder'"-->


  		




  
  261
  
    
                                       <!--[chartData]="datasetsWithPIDByFunderData" [color]="datasetColor"></app-treemap-highchart>-->


  		




  
  262
  
    
              <!--</li>-->


  		




  
  263
  
    
            <!--</ul>-->


  		




  
  264
  
    
          <!--</div>-->


  		




  
  265
  
    

  		




  
  266
  
    
        <!--</div>-->


  		




  
  267
  
    
      <!--</div>-->


  		




  
  268
  
    
    <!--</div>-->


  		




  
  269
  
    

  		




  
  270
  
    
  <!--</div>-->


  		




  
  271
  
    
<!--</div>-->


  		




  
  272
  
    
<!--<div *ngIf="indicator && indicator=='licence'" class="licenceIndicator">-->


  		




  
  273
  
    
  <!--<div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">-->


  		




  
  274
  
    

  		




  
  275
  
    
    <!--<div class="uk-grid-margin">-->


  		




  
  276
  
    
      <!--<div class="md-card chartCard">-->


  		




  
  277
  
    
        <!--<div class="md-card-content">-->


  		




  
  278
  
    
          <!--<iframe *ngIf="datasetsWithLicenceTimeline" width="100%" height="550" [src]="datasetsWithLicenceTimeline"></iframe>-->


  		




  
  279
  
    
        <!--</div>-->


  		




  
  280
  
    
      <!--</div>-->


  		




  
  281
  
    
    <!--</div>-->


  		




  
  282
  
    

  		




  
  283
  
    
    <!--<div class="uk-grid-margin">-->


  		




  
  284
  
    
      <!--<div class="md-card chartCard">-->


  		




  
  285
  
    
        <!--<div class="md-card-content">-->


  		




  
  286
  
    

  		




  
  287
  
    
          <!--&lt;!&ndash;MOBILE & PAD PORTRAIT&ndash;&gt;-->


  		




  
  288
  
    
          <!--<div class="uk-hidden@m">-->


  		




  
  289
  
    
            <!--<div class="uk-flex uk-flex-right uk-flex-middle uk-margin-bottom">-->


  		




  
  290
  
    
              <!--<label class="uk-margin-right">Show by: </label>-->


  		




  
  291
  
    
              <!--<select class="md-input" #selectLicenceGroupBy (change)="getDatasetsWithLicenceGroupByMobile(selectLicenceGroupBy.value)" style="width: 230px; display: inline-block">-->


  		




  
  292
  
    
                <!--<option value="datasource">datasource</option>-->


  		




  
  293
  
    
                <!--<option value="organization">organization</option>-->


  		




  
  294
  
    
                <!--<option value="funder">funder</option>-->


  		




  
  295
  
    
              <!--</select>-->


  		




  
  296
  
    
            <!--</div>-->


  		




  
  297
  
    

  		




  
  298
  
    
            <!--<iframe *ngIf="datasetsWithLicenceGroupByView==='datasource' && datasetsWithLicenceByDatasourceChartURLMobile"-->


  		




  
  299
  
    
                    <!--width="100%" height="550" [src]="datasetsWithLicenceByDatasourceChartURLMobile"></iframe>-->


  		




  
  300
  
    
            <!--<iframe *ngIf="datasetsWithLicenceGroupByView==='organization' && datasetsWithLicenceByOrganizationChartURLMobile"-->


  		




  
  301
  
    
                    <!--width="100%" height="550" [src]="datasetsWithLicenceByOrganizationChartURLMobile"></iframe>-->


  		




  
  302
  
    
            <!--<app-treemap-highchart *ngIf="datasetsWithLicenceGroupByView==='funder' && datasetsWithLicenceByFunderData"-->


  		




  
  303
  
    
                                   <!--[chartTitle]="'OA Datasets with licence by funder'"-->


  		




  
  304
  
    
                                   <!--[chartData]="datasetsWithLicenceByFunderData" [color]="datasetColor"></app-treemap-highchart>-->


  		




  
  305
  
    

  		




  
  306
  
    
          <!--</div>-->


  		




  
  307
  
    

  		




  
  308
  
    
          <!--&lt;!&ndash;LAPTOP & PAD LANDSCAPE&ndash;&gt;-->


  		




  
  309
  
    
          <!--<div class="uk-visible@m">-->


  		




  
  310
  
    
            <!--<ul class="uk-subnav uk-subnav-pill uk-flex uk-flex-right uk-flex-middle uk-margin-bottom" uk-margin-->


  		




  
  311
  
    
                <!--data-uk-switcher="{connect:'#switcher-content-a-fade-publications', animation: 'fade'}">-->


  		




  
  312
  
    
              <!--<li class="uk-active"><a (click)="getDatasetsWithLicenceGroupBy('datasource')">Datasource</a></li>-->


  		




  
  313
  
    
              <!--<li><a (click)="getDatasetsWithLicenceGroupBy('organization')">Organization</a></li>-->


  		




  
  314
  
    
              <!--<li><a (click)="getDatasetsWithLicenceGroupBy('funder')">Funder</a></li>-->


  		




  
  315
  
    
            <!--</ul>-->


  		




  
  316
  
    

  		




  
  317
  
    
            <!--<ul id="switcher-content-a-fade-publications" class="uk-switcher uk-margin">-->


  		




  
  318
  
    
              <!--<li aria-hidden="false" style="animation-duration: 200ms;" class="uk-active">-->


  		




  
  319
  
    
                <!--<iframe *ngIf="datasetsWithLicenceByDatasourceChartURL"-->


  		




  
  320
  
    
                        <!--width="100%" height="350" [src]="datasetsWithLicenceByDatasourceChartURL"></iframe>-->


  		




  
  321
  
    
              <!--</li>-->


  		




  
  322
  
    
              <!--<li aria-hidden="true" style="animation-duration: 200ms;" class="">-->


  		




  
  323
  
    
                <!--<iframe *ngIf="datasetsWithLicenceByOrganizationChartURL"-->


  		




  
  324
  
    
                        <!--width="100%" height="350" [src]="datasetsWithLicenceByOrganizationChartURL"></iframe>-->


  		




  
  325
  
    
              <!--</li>-->


  		




  
  326
  
    
              <!--<li aria-hidden="true" style="animation-duration: 200ms;" class="">-->


  		




  
  327
  
    
                <!--<app-treemap-highchart *ngIf="datasetsWithLicenceByFunderData"-->


  		




  
  328
  
    
                                       <!--[chartTitle]="'OA Datasets with licence by funder'"-->


  		




  
  329
  
    
                                       <!--[chartData]="datasetsWithLicenceByFunderData" [color]="datasetColor"></app-treemap-highchart>-->


  		




  
  330
  
    
              <!--</li>-->


  		




  
  331
  
    
            <!--</ul>-->


  		




  
  332
  
    
          <!--</div>-->


  		




  
  333
  
    

  		




  
  334
  
    
        <!--</div>-->


  		




  
  335
  
    
      <!--</div>-->


  		




  
  336
  
    
    <!--</div>-->


  		




  
  337
  
    

  		




  
  338
  
    
  <!--</div>-->


  		




  
  339
  
    
<!--</div>-->


  		












  

    
      modules/open-science-observatory-ui/branches/new-indicators-and-graphs-osfair-2021/src/app/pages/country/open-science/datasets/country-os-datasets-indicators.component.ts
    
  





  1
  1
  
    
import {


  		




  2
  2
  
    
  datasetColor,


  		




  3
  
  
    
  datasetPalette,


  		




  4
  
  
    
  gradientStartColor,


  		




  5
  
  
    
  resultsPalette


  		




  
  3
  
    
  datasetPalette, datasetIndicatorsPalette,


  		




  
  4
  
    
  gradientStartColor


  		




  6
  5
  
    
} from '../../../../chart-palettes';


  		




  7
  6
  
    
import { Component, OnInit } from '@angular/core';


  		




  8
  7
  
    
import { environment } from '../../../../../environments/environment';


  		




  ......




  25
  24
  
    
  indicator: string;


  		




  26
  25
  
    

  		




  27
  26
  
    
  private datasetPalette = datasetPalette;


  		




  28
  
  
    
  private resultsPalette = resultsPalette;


  		




  
  27
  
    
  private datasetIndicatorsPalette = datasetIndicatorsPalette;


  		




  29
  28
  
    

  		




  30
  29
  
    
  datasetColor = datasetColor;


  		




  31
  30
  
    
  gradientStartColor = gradientStartColor;


  		




  32
  31
  
    

  		




  33
  32
  
    
  countryCode: string;


  		




  34
  33
  
    

  		




  
  34
  
    
  datasetsWithLicenceTimeline: SafeResourceUrl;


  		




  
  35
  
    
  datasetsWithCCLicenceTimeline: SafeResourceUrl;


  		




  35
  36
  
    
  datasetsWithPIDTimeline: SafeResourceUrl;


  		




  36
  
  
    
  datasetsWithLicenceTimeline: SafeResourceUrl;


  		




  37
  37
  
    

  		




  38
  38
  
    
  datasetsWithPIDGroupByView = 'datasource';


  		




  39
  39
  
    
  datasetsWithPIDByDatasourceChartURL: SafeResourceUrl;


  		




  40
  40
  
    
  datasetsWithPIDByOrganizationChartURL: SafeResourceUrl;


  		




  41
  
  
    
  datasetsWithPIDByDatasourceChartURLMobile: SafeResourceUrl;


  		




  42
  
  
    
  datasetsWithPIDByOrganizationChartURLMobile: SafeResourceUrl;


  		




  43
  41
  
    

  		




  44
  42
  
    
  datasetsWithLicenceGroupByView = 'datasource';


  		




  45
  43
  
    
  datasetsWithLicenceByDatasourceChartURL: SafeResourceUrl;


  		




  46
  44
  
    
  datasetsWithLicenceByOrganizationChartURL: SafeResourceUrl;


  		




  47
  
  
    
  datasetsWithLicenceByDatasourceChartURLMobile: SafeResourceUrl;


  		




  48
  
  
    
  datasetsWithLicenceByOrganizationChartURLMobile: SafeResourceUrl;


  		




  49
  45
  
    

  		




  
  46
  
    
  datasetsWithCCLicenceGroupByView = 'datasource';


  		




  
  47
  
    
  datasetsWithCCLicenceByDatasourceChartURL: SafeResourceUrl;


  		




  
  48
  
    
  datasetsWithCCLicenceByOrganizationChartURL: SafeResourceUrl;


  		




  
  49
  
    

  		




  50
  50
  
    
  datasetsWithPIDByFunderData: TreemapHighchartsData[];


  		




  51
  51
  
    
  datasetsWithLicenceByFunderData: TreemapHighchartsData[];


  		




  
  52
  
    
  datasetsWithCCLicenceByFunderData: TreemapHighchartsData[];


  		




  52
  53
  
    

  		




  53
  54
  
    
  constructor(private dataService: DataService,


  		




  54
  55
  
    
              private dataHandlerService: DataHandlerService,


  		




  ......




  66
  67
  
    

  		




  67
  68
  
    
      this.countryCode = params['countryCode'];


  		




  68
  69
  
    

  		




  69
  
  
    
      // this.datasetsWithPIDTimeline = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"OA publications","type":"column","query":{"name":"oso.results.pid_timeline.affiliated.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with PID","align":"left","margin":50},"subtitle":{},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetPalette.join('","')}\"]}}`));


  		




  70
  
  
    
      this.datasetsWithPIDTimeline = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"OA publications","type":"column","query":{"name":"oso.results.pid_timeline.affiliated.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with PID","align":"left","margin":50},"subtitle":{},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"color":{"linearGradient":{"x1":0,"y1":0,"x2":0,"y2":1},"stops":[[0,"${this.datasetColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));


  		




  71
  
  
    
      // this.datasetsWithLicenceTimeline = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"OA publications","type":"column","query":{"name":"oso.results.licence_timeline.affiliated.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with licence","align":"left","margin":50},"subtitle":{},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetPalette.join('","')}\"]}}`));


  		




  72
  
  
    
      this.datasetsWithLicenceTimeline = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"OA publications","type":"column","query":{"name":"oso.results.licence_timeline.affiliated.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with licence","align":"left","margin":50},"subtitle":{},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"color":{"linearGradient":{"x1":0,"y1":0,"x2":0,"y2":1},"stops":[[0,"${this.datasetColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));


  		




  
  70
  
    
      this.datasetsWithPIDTimeline = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"with PID","type":"column","query":{"name":"new.oso.results.pid_timeline.affiliated.country","parameters":["dataset","${this.countryCode}",1],"profile":"${this.profileName}"}},{"name":"without PID","type":"column","query":{"name":"new.oso.results.pid_timeline.affiliated.country","parameters":["dataset","${this.countryCode}",0],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access datasets with PID","align":"left","margin":50},"subtitle":{"text":"over time","align":"left","margin":50},"yAxis":{"title":{"text":""},"reversedStacks":false},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"stacking":"normal"}},"legend":{"enabled":true},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetIndicatorsPalette.join('","')}\"]}}`));


  		




  
  71
  
    
      this.datasetsWithLicenceTimeline = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"with licence","type":"column","query":{"name":"new.oso.results.licence_timeline.affiliated.country","parameters":["dataset","${this.countryCode}",1],"profile":"${this.profileName}"}},{"name":"without licence","type":"column","query":{"name":"new.oso.results.licence_timeline.affiliated.country","parameters":["dataset","${this.countryCode}",0],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access datasets with licence","align":"left","margin":50},"subtitle":{"text":"over time","align":"left","margin":50},"yAxis":{"title":{"text":""},"reversedStacks":false},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"stacking":"normal"}},"legend":{"enabled":true},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetIndicatorsPalette.join('","')}\"]}}`));


  		




  
  72
  
    
      this.datasetsWithCCLicenceTimeline = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"with CC licence","type":"column","query":{"name":"new.oso.results.cc_licence_timeline.affiliated.country","parameters":["dataset","${this.countryCode}",1],"profile":"${this.profileName}"}},{"name":"without CC licence","type":"column","query":{"name":"new.oso.results.cc_licence_timeline.affiliated.country","parameters":["dataset","${this.countryCode}",0],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access datasets with CC licence","align":"left","margin":50},"subtitle":{"text":"over time","align":"left","margin":50},"yAxis":{"title":{"text":""},"reversedStacks":false},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"stacking":"normal"}},"legend":{"enabled":true},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetIndicatorsPalette.join('","')}\"]}}`));


  		




  73
  73
  
    

  		




  74
  
  
    
      // // this.datasetsWithPIDByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.pid.affiliated.bydatasource.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with PID","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetPalette.join('","')}\"]}}`));


  		




  75
  
  
    
      // this.datasetsWithPIDByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.pid.affiliated.bydatasource.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with PID","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"color":{"linearGradient":{"x1":0,"y1":0,"x2":0,"y2":1},"stops":[[0,"${this.datasetColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));


  		




  76
  
  
    
      // // this.datasetsWithLicenceByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.licence.affiliated.bydatasource.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with licence","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetPalette.join('","')}\"]}}`));


  		




  77
  
  
    
      // this.datasetsWithLicenceByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.licence.affiliated.bydatasource.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with licence","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"color":{"linearGradient":{"x1":0,"y1":0,"x2":0,"y2":1},"stops":[[0,"${this.datasetColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));


  		




  
  74
  
    
      this.datasetsWithPIDByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"with PID","type":"bar","query":{"name":"new.oso.results.pid.affiliated.bydatasource.country","parameters":[1,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}},{"name":"without PID","type":"bar","query":{"name":"new.oso.results.pid.affiliated.bydatasource.country","parameters":[0,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access datasets with PID","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""},"reversedStacks":false},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"stacking":"normal"}},"legend":{"enabled":true},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetIndicatorsPalette.join('","')}\"]}}`));


  		




  
  75
  
    
      this.datasetsWithLicenceByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"with licence","type":"bar","query":{"name":"new.oso.results.licence.affiliated.bydatasource.country","parameters":[1,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}},{"name":"without licence","type":"bar","query":{"name":"new.oso.results.licence.affiliated.bydatasource.country","parameters":[0,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access datasets with licence","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""},"reversedStacks":false},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"stacking":"normal"}},"legend":{"enabled":true},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetIndicatorsPalette.join('","')}\"]}}`));


  		




  
  76
  
    
      this.datasetsWithCCLicenceByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"with CC licence","type":"bar","query":{"name":"new.oso.results.cc_licence.affiliated.bydatasource.country","parameters":[1,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}},{"name":"without CC licence","type":"bar","query":{"name":"new.oso.results.cc_licence.affiliated.bydatasource.country","parameters":[0,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access datasets with CC licence","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""},"reversedStacks":false},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"stacking":"normal"}},"legend":{"enabled":true},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetIndicatorsPalette.join('","')}\"]}}`));


  		




  78
  77
  
    

  		




  79
  
  
    
      // // this.datasetsWithPIDByOrganizationChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.pid.affiliated.byorganization.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with PID","align":"left","margin":50},"subtitle":{"text":"by organization","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetPalette.join('","')}\"]}}`));


  		




  80
  
  
    
      // this.datasetsWithPIDByOrganizationChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.pid.affiliated.byorganization.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with PID","align":"left","margin":50},"subtitle":{"text":"by organization","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"color":{"linearGradient":{"x1":0,"y1":0,"x2":0,"y2":1},"stops":[[0,"${this.datasetColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));


  		




  81
  
  
    
      // // this.datasetsWithLicenceByOrganizationChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.licence.affiliated.byorganization.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with licence","align":"left","margin":50},"subtitle":{"text":"by organization","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetPalette.join('","')}\"]}}`));


  		




  82
  
  
    
      // this.datasetsWithLicenceByOrganizationChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.licence.affiliated.byorganization.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with licence","align":"left","margin":50},"subtitle":{"text":"by organization","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"color":{"linearGradient":{"x1":0,"y1":0,"x2":0,"y2":1},"stops":[[0,"${this.datasetColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));


  		




  83
  
  
    

  		




  84
  
  
    
      this.datasetsWithPIDByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.pid.affiliated.bydatasource.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with PID","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"color":{"linearGradient":{"x1":0,"y1":0,"x2":0,"y2":1},"stops":[[0,"${this.datasetColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));


  		




  85
  
  
    
      this.datasetsWithPIDByDatasourceChartURLMobile = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.pid.affiliated.bydatasource.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with PID","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"color":{"linearGradient":{"x1":0,"y1":0,"x2":0,"y2":1},"stops":[[0,"${this.datasetColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));


  		




  86
  
  
    
      this.datasetsWithLicenceByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.licence.affiliated.bydatasource.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with licence","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"color":{"linearGradient":{"x1":0,"y1":0,"x2":0,"y2":1},"stops":[[0,"${this.datasetColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));


  		




  87
  
  
    
      this.datasetsWithLicenceByDatasourceChartURLMobile = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.licence.affiliated.bydatasource.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with licence","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"color":{"linearGradient":{"x1":0,"y1":0,"x2":0,"y2":1},"stops":[[0,"${this.datasetColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));


  		




  88
  
  
    

  		




  89
  
  
    

  		




  90
  78
  
    
      this.dataService.getFundersResultsByTypeForIndicatorForCountry('dataset', 'pid', this.countryCode).subscribe(


  		




  91
  79
  
    
        rawData => {


  		




  92
  80
  
    
          this.datasetsWithPIDByFunderData = this.dataHandlerService.convertRawDataToTreemapHighchartsData(rawData);


  		




  ......




  102
  90
  
    
          console.log(error);


  		




  103
  91
  
    
        }


  		




  104
  92
  
    
      );


  		




  
  93
  
    

  		




  
  94
  
    
      this.dataService.getFundersResultsByTypeForIndicatorForCountry('dataset', 'cc_licence', this.countryCode).subscribe(


  		




  
  95
  
    
        rawData => {


  		




  
  96
  
    
          this.datasetsWithCCLicenceByFunderData = this.dataHandlerService.convertRawDataToTreemapHighchartsData(rawData);


  		




  
  97
  
    
        }, error => {


  		




  
  98
  
    
          console.log(error);


  		




  
  99
  
    
        }


  		




  
  100
  
    
      );


  		




  105
  101
  
    
    });


  		




  106
  102
  
    
  }


  		




  107
  103
  
    

  		




  108
  104
  
    
  getDatasetsWithPIDGroupBy(contentSelection: string): void {


  		




  109
  105
  
    
    this.datasetsWithPIDGroupByView = contentSelection;


  		




  110
  106
  
    
    if (contentSelection === 'datasource' && !this.datasetsWithPIDByDatasourceChartURL) {


  		




  111
  
  
    
      this.datasetsWithPIDByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.pid.affiliated.bydatasource.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with PID","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"color":{"linearGradient":{"x1":0,"y1":0,"x2":0,"y2":1},"stops":[[0,"${this.datasetColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));


  		




  
  107
  
    
      this.datasetsWithPIDByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"with PID","type":"bar","query":{"name":"new.oso.results.pid.affiliated.bydatasource.country","parameters":[1,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}},{"name":"without PID","type":"bar","query":{"name":"new.oso.results.pid.affiliated.bydatasource.country","parameters":[0,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access datasets with PID","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""},"reversedStacks":false},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"stacking":"normal"}},"legend":{"enabled":true},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetIndicatorsPalette.join('","')}\"]}}`));


  		




  112
  108
  
    
    } else if (contentSelection === 'organization' && !this.datasetsWithPIDByOrganizationChartURL) {


  		




  113
  
  
    
      this.datasetsWithPIDByOrganizationChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.pid.affiliated.byorganization.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with PID","align":"left","margin":50},"subtitle":{"text":"by organization","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"color":{"linearGradient":{"x1":0,"y1":0,"x2":0,"y2":1},"stops":[[0,"${this.datasetColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));


  		




  
  109
  
    
      this.datasetsWithPIDByOrganizationChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"with PID","type":"bar","query":{"name":"new.oso.results.pid.affiliated.byorganization.country","parameters":[1,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}},{"name":"without PID","type":"bar","query":{"name":"new.oso.results.pid.affiliated.byorganization.country","parameters":[0,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access datasets with PID","align":"left","margin":50},"subtitle":{"text":"by organization","align":"left"},"yAxis":{"title":{"text":""},"reversedStacks":false},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"stacking":"normal"}},"legend":{"enabled":true},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetIndicatorsPalette.join('","')}\"]}}`));


  		




  114
  110
  
    
    }


  		




  115
  111
  
    
  }


  		




  116
  112
  
    

  		




  117
  113
  
    
  getDatasetsWithPIDGroupByMobile(contentSelection: string): void {


  		




  118
  114
  
    
    this.datasetsWithPIDGroupByView = contentSelection;


  		




  119
  
  
    
    if (contentSelection === 'datasource' && !this.datasetsWithPIDByDatasourceChartURLMobile) {


  		




  120
  
  
    
      this.datasetsWithPIDByDatasourceChartURLMobile = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.pid.affiliated.bydatasource.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with PID","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"color":{"linearGradient":{"x1":0,"y1":0,"x2":0,"y2":1},"stops":[[0,"${this.datasetColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));


  		




  121
  
  
    
    } else if (contentSelection === 'organization' && !this.datasetsWithPIDByOrganizationChartURLMobile) {


  		




  122
  
  
    
      this.datasetsWithPIDByOrganizationChartURLMobile = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.pid.affiliated.byorganization.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with PID","align":"left","margin":50},"subtitle":{"text":"by organization","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"color":{"linearGradient":{"x1":0,"y1":0,"x2":0,"y2":1},"stops":[[0,"${this.datasetColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));


  		




  
  115
  
    
    if (contentSelection === 'datasource' && !this.datasetsWithPIDByDatasourceChartURL) {


  		




  
  116
  
    
      this.datasetsWithPIDByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"with PID","type":"bar","query":{"name":"new.oso.results.pid.affiliated.bydatasource.country","parameters":[1,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}},{"name":"without PID","type":"bar","query":{"name":"new.oso.results.pid.affiliated.bydatasource.country","parameters":[0,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access datasets with PID","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""},"reversedStacks":false},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"stacking":"normal"}},"legend":{"enabled":true},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetIndicatorsPalette.join('","')}\"]}}`));


  		




  
  117
  
    
    } else if (contentSelection === 'organization' && !this.datasetsWithPIDByOrganizationChartURL) {


  		




  
  118
  
    
      this.datasetsWithPIDByOrganizationChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"with PID","type":"bar","query":{"name":"new.oso.results.pid.affiliated.byorganization.country","parameters":[1,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}},{"name":"without PID","type":"bar","query":{"name":"new.oso.results.pid.affiliated.byorganization.country","parameters":[0,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access datasets with PID","align":"left","margin":50},"subtitle":{"text":"by organization","align":"left"},"yAxis":{"title":{"text":""},"reversedStacks":false},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"stacking":"normal"}},"legend":{"enabled":true},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetIndicatorsPalette.join('","')}\"]}}`));


  		




  123
  119
  
    
    }


  		




  124
  120
  
    
  }


  		




  125
  121
  
    

  		




  126
  122
  
    
  getDatasetsWithLicenceGroupBy(contentSelection: string): void {


  		




  127
  123
  
    
    this.datasetsWithLicenceGroupByView = contentSelection;


  		




  128
  124
  
    
    if (contentSelection === 'datasource' && !this.datasetsWithLicenceByDatasourceChartURL) {


  		




  129
  
  
    
      this.datasetsWithLicenceByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.licence.affiliated.bydatasource.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with licence","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"color":{"linearGradient":{"x1":0,"y1":0,"x2":0,"y2":1},"stops":[[0,"${this.datasetColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));


  		




  
  125
  
    
      this.datasetsWithLicenceByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"with licence","type":"bar","query":{"name":"new.oso.results.licence.affiliated.bydatasource.country","parameters":[1,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}},{"name":"without licence","type":"bar","query":{"name":"new.oso.results.licence.affiliated.bydatasource.country","parameters":[0,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access datasets with licence","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""},"reversedStacks":false},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"stacking":"normal"}},"legend":{"enabled":true},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetIndicatorsPalette.join('","')}\"]}}`));


  		




  130
  126
  
    
    } else if (contentSelection === 'organization' && !this.datasetsWithLicenceByOrganizationChartURL) {


  		




  131
  
  
    
      this.datasetsWithLicenceByOrganizationChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.licence.affiliated.byorganization.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with licence","align":"left","margin":50},"subtitle":{"text":"by organization","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"color":{"linearGradient":{"x1":0,"y1":0,"x2":0,"y2":1},"stops":[[0,"${this.datasetColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));


  		




  
  127
  
    
      this.datasetsWithLicenceByOrganizationChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"with licence","type":"bar","query":{"name":"new.oso.results.licence.affiliated.byorganization.country","parameters":[1,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}},{"name":"without licence","type":"bar","query":{"name":"new.oso.results.licence.affiliated.byorganization.country","parameters":[0,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access datasets with licence","align":"left","margin":50},"subtitle":{"text":"by organization","align":"left"},"yAxis":{"title":{"text":""},"reversedStacks":false},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"stacking":"normal"}},"legend":{"enabled":true},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetIndicatorsPalette.join('","')}\"]}}`));


  		




  132
  128
  
    
    }


  		




  133
  129
  
    
  }


  		




  134
  130
  
    

  		




  135
  131
  
    
  getDatasetsWithLicenceGroupByMobile(contentSelection: string): void {


  		




  136
  132
  
    
    this.datasetsWithLicenceGroupByView = contentSelection;


  		




  137
  
  
    
    if (contentSelection === 'datasource' && !this.datasetsWithLicenceByDatasourceChartURLMobile) {


  		




  138
  
  
    
      this.datasetsWithLicenceByDatasourceChartURLMobile = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.licence.affiliated.bydatasource.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with licence","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"color":{"linearGradient":{"x1":0,"y1":0,"x2":0,"y2":1},"stops":[[0,"${this.datasetColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));


  		




  139
  
  
    
    } else if (contentSelection === 'organization' && !this.datasetsWithLicenceByOrganizationChartURLMobile) {


  		




  140
  
  
    
      this.datasetsWithLicenceByOrganizationChartURLMobile = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.licence.affiliated.byorganization.country","parameters":["dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets with licence","align":"left","margin":50},"subtitle":{"text":"by organization","align":"left"},"yAxis":{"title":{"text":""}},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"color":{"linearGradient":{"x1":0,"y1":0,"x2":0,"y2":1},"stops":[[0,"${this.datasetColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));


  		




  
  133
  
    
    if (contentSelection === 'datasource' && !this.datasetsWithLicenceByDatasourceChartURL) {


  		




  
  134
  
    
      this.datasetsWithLicenceByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"with licence","type":"bar","query":{"name":"new.oso.results.licence.affiliated.bydatasource.country","parameters":[1,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}},{"name":"without licence","type":"bar","query":{"name":"new.oso.results.licence.affiliated.bydatasource.country","parameters":[0,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access datasets with licence","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""},"reversedStacks":false},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"stacking":"normal"}},"legend":{"enabled":true},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetIndicatorsPalette.join('","')}\"]}}`));


  		




  
  135
  
    
    } else if (contentSelection === 'organization' && !this.datasetsWithLicenceByOrganizationChartURL) {


  		




  
  136
  
    
      this.datasetsWithLicenceByOrganizationChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"with licence","type":"bar","query":{"name":"new.oso.results.licence.affiliated.byorganization.country","parameters":[1,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}},{"name":"without licence","type":"bar","query":{"name":"new.oso.results.licence.affiliated.byorganization.country","parameters":[0,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access datasets with licence","align":"left","margin":50},"subtitle":{"text":"by organization","align":"left"},"yAxis":{"title":{"text":""},"reversedStacks":false},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"stacking":"normal"}},"legend":{"enabled":true},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetIndicatorsPalette.join('","')}\"]}}`));


  		




  141
  137
  
    
    }


  		




  142
  138
  
    
  }


  		




  143
  139
  
    

  		




  
  140
  
    
  getDatasetsWithCCLicenceGroupBy(contentSelection: string): void {


  		




  
  141
  
    
    this.datasetsWithCCLicenceGroupByView = contentSelection;


  		




  
  142
  
    
    if (contentSelection === 'datasource' && !this.datasetsWithCCLicenceByDatasourceChartURL) {


  		




  
  143
  
    
      this.datasetsWithCCLicenceByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"with CC licence","type":"bar","query":{"name":"new.oso.results.cc_licence.affiliated.bydatasource.country","parameters":[1,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}},{"name":"without CC licence","type":"bar","query":{"name":"new.oso.results.cc_licence.affiliated.bydatasource.country","parameters":[0,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access datasets with CC licence","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""},"reversedStacks":false},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"stacking":"normal"}},"legend":{"enabled":true},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetIndicatorsPalette.join('","')}\"]}}`));


  		




  
  144
  
    
    } else if (contentSelection === 'organization' && !this.datasetsWithCCLicenceByOrganizationChartURL) {


  		




  
  145
  
    
      this.datasetsWithCCLicenceByOrganizationChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"with CC licence","type":"bar","query":{"name":"new.oso.results.cc_licence.affiliated.byorganization.country","parameters":[1,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}},{"name":"without CC licence","type":"bar","query":{"name":"new.oso.results.cc_licence.affiliated.byorganization.country","parameters":[0,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access datasets with CC licence","align":"left","margin":50},"subtitle":{"text":"by organization","align":"left"},"yAxis":{"title":{"text":""},"reversedStacks":false},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"stacking":"normal"}},"legend":{"enabled":true},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetIndicatorsPalette.join('","')}\"]}}`));


  		




  
  146
  
    
    }


  		




  
  147
  
    
  }


  		




  
  148
  
    

  		




  
  149
  
    
  getDatasetsWithCCLicenceGroupByMobile(contentSelection: string): void {


  		




  
  150
  
    
    this.datasetsWithCCLicenceGroupByView = contentSelection;


  		




  
  151
  
    
    if (contentSelection === 'datasource' && !this.datasetsWithCCLicenceByDatasourceChartURL) {


  		




  
  152
  
    
      this.datasetsWithCCLicenceByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"with CC licence","type":"bar","query":{"name":"new.oso.results.cc_licence.affiliated.bydatasource.country","parameters":[1,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}},{"name":"without CC licence","type":"bar","query":{"name":"new.oso.results.cc_licence.affiliated.bydatasource.country","parameters":[0,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access datasets with CC licence","align":"left","margin":50},"subtitle":{"text":"by datasource","align":"left"},"yAxis":{"title":{"text":""},"reversedStacks":false},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"stacking":"normal"}},"legend":{"enabled":true},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetIndicatorsPalette.join('","')}\"]}}`));


  		




  
  153
  
    
    } else if (contentSelection === 'organization' && !this.datasetsWithCCLicenceByOrganizationChartURL) {


  		




  
  154
  
    
      this.datasetsWithCCLicenceByOrganizationChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"with CC licence","type":"bar","query":{"name":"new.oso.results.cc_licence.affiliated.byorganization.country","parameters":[1,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}},{"name":"without CC licence","type":"bar","query":{"name":"new.oso.results.cc_licence.affiliated.byorganization.country","parameters":[0,"dataset","${this.countryCode}"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access datasets with CC licence","align":"left","margin":50},"subtitle":{"text":"by organization","align":"left"},"yAxis":{"title":{"text":""},"reversedStacks":false},"xAxis":{"title":{"text":""}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false},"stacking":"normal"}},"legend":{"enabled":true},"credits":{"href":null,"enabled":false},"colors":[\"${this.datasetIndicatorsPalette.join('","')}\"]}}`));


  		




  
  155
  
    
    }


  		




  
  156
  
    
  }


  		




  
  157
  
    

  		




  144
  158
  
    
}


  		












  

    
      modules/open-science-observatory-ui/branches/new-indicators-and-graphs-osfair-2021/src/app/pages/country/open-science/datasets/country-os-datasets.component.html
    
  





  1
  1
  
    
<div>


  		




  2
  2
  
    

  		




  
  3
  
    
  <div class="uk-margin-large-top uk-margin-medium-bottom">


  		




  
  4
  
    
    <h3>Datasets</h3>


  		




  
  5
  
    
  </div>


  		




  
  6
  
    

  		




  3
  7
  
    
  <ul uk-tab class="uk-tab-large">


  		




  
  8
  
    
    <li [routerLinkActive]="['uk-active']"><a [routerLink]="['./licence']">Licence</a></li>


  		




  4
  9
  
    
    <li [routerLinkActive]="['uk-active']"><a [routerLink]="['./pid']">PID</a></li>


  		




  5
  
  
    
    <li [routerLinkActive]="['uk-active']"><a [routerLink]="['./licence']">Licence</a></li>


  		




  6
  10
  
    
  </ul>


  		




  7
  11
  
    

  		




  8
  12
  
    
  <router-outlet></router-outlet>


  		












Also available in:  Unified diff