Project

General

Profile

« Previous | Next » 

Revision 61492

grouping charts on country-overview (organization for landscape view not showing)

View differences:

modules/open-science-observatory-ui/branches/groupings-for-graphs/src/app/pages/country/overview/country-overview.component.html
97 97

  
98 98
  </div>
99 99

  
100
  <div class="uk-grid uk-child-width-1-3@m uk-child-width-1-3@l uk-child-width-1-1@s">
100
<!--  TODO: delete this old section when grouping is completed-->
101
  <!--<div class="uk-grid uk-child-width-1-3@m uk-child-width-1-3@l uk-child-width-1-1@s">
101 102

  
102 103
    <div class="uk-grid-margin">
103 104
      <div class="md-card chartCard">
......
213 214

  
214 215
  </div>
215 216

  
217
</div>-->
218

  
219
  <!--OA Publications-->
220
  <div class="uk-grid uk-child-width-1-1">
221

  
222
    <div>
223
      <div class="md-card chartCard">
224
        <div class="md-card-content">
225

  
226
          <!--MOBILE & PAD PORTRAIT-->
227
          <div class="uk-hidden@m">
228
            <div class="uk-flex uk-flex-right uk-flex-middle uk-margin-bottom">
229
              <label class="uk-margin-right">Show by: </label>
230
              <select class="md-input" #selectPublicationsGroupBy (change)="getPublicationsGroupByMobile(selectPublicationsGroupBy.value)" style="width: 230px; display: inline-block">
231
                <option value="datasource">datasource</option>
232
                <option value="organization">organization</option>
233
                <option value="funder">funder</option>
234
              </select>
235
            </div>
236

  
237
            <iframe *ngIf="publicationGroupByView==='datasource' && publicationsByDatasourceChartURLMobile"
238
                    width="100%" height="550" [src]="publicationsByDatasourceChartURLMobile"></iframe>
239
            <iframe *ngIf="publicationGroupByView==='organization' && publicationsByOrganizationChartURLMobile"
240
                    width="100%" height="550" [src]="publicationsByOrganizationChartURLMobile"></iframe>
241
            <app-treemap-highchart *ngIf="publicationGroupByView==='funder' && publicationsByFunderData"
242
                                   [chartTitle]="'OA Publications by funder'"
243
                                   [chartData]="publicationsByFunderData" [color]="publicationColor"></app-treemap-highchart>
244

  
245
          </div>
246

  
247

  
248
          <!--LAPTOP & PAD LANDSCAPE-->
249
          <div class="uk-visible@m">
250
            <ul class="uk-subnav uk-subnav-pill uk-flex uk-flex-right uk-flex-middle uk-margin-bottom" uk-margin
251
                data-uk-switcher="{connect:'#switcher-content-a-fade-publications', animation: 'fade'}">
252
              <li class="uk-active"><a (click)="getPublicationsGroupBy('datasource')">Datasource</a></li>
253
              <li><a (click)="getPublicationsGroupBy('organization')">Organization</a></li>
254
              <li><a (click)="getPublicationsGroupBy('funder')">Funder</a></li>
255
            </ul>
256

  
257
            <ul id="switcher-content-a-fade-publications" class="uk-switcher uk-margin">
258
              <li aria-hidden="false" style="animation-duration: 200ms;" class="uk-active">
259
                <iframe *ngIf="publicationsByDatasourceChartURL"
260
                        width="100%" height="350" [src]="publicationsByDatasourceChartURL"></iframe>
261
              </li>
262
              <li aria-hidden="true" style="animation-duration: 200ms;" class="">
263
                <iframe *ngIf="publicationsByOrganizationChartURL"
264
                        width="100%" height="350" [src]="publicationsByOrganizationChartURL"></iframe>
265
              </li>
266
              <li aria-hidden="true" style="animation-duration: 200ms;" class="">
267
                <app-treemap-highchart *ngIf="publicationsByFunderData"
268
                                       [chartTitle]="'OA Publications by funder'"
269
                                       [chartData]="publicationsByFunderData" [color]="publicationColor"></app-treemap-highchart>
270
              </li>
271
            </ul>
272
          </div>
273

  
274

  
275
        </div>
276
      </div>
277
    </div>
278

  
279
  </div>
280

  
281
  <!--OA Datasets-->
282
  <div class="uk-grid uk-child-width-1-1">
283

  
284
    <div>
285
      <div class="md-card chartCard">
286
        <div class="md-card-content">
287

  
288
          <!--MOBILE & PAD PORTRAIT-->
289
          <div class="uk-hidden@m">
290
            <div class="uk-flex uk-flex-right uk-flex-middle uk-margin-bottom">
291
              <label class="uk-margin-right">Show by: </label>
292
              <select class="md-input" #selectDatasetsGroupBy (change)="getDatasetsGroupByMobile(selectDatasetsGroupBy.value)" style="width: 230px; display: inline-block">
293
                <option value="datasource">datasource</option>
294
                <option value="organization">organization</option>
295
                <option value="funder">funder</option>
296
              </select>
297
            </div>
298

  
299
            <iframe *ngIf="datasetsGroupByView==='datasource' && datasetsByDatasourceChartURLMobile"
300
                    width="100%" height="550" [src]="datasetsByDatasourceChartURLMobile"></iframe>
301
            <iframe *ngIf="datasetsGroupByView==='organization' && datasetsByOrganizationChartURLMobile"
302
                    width="100%" height="550" [src]="datasetsByOrganizationChartURLMobile"></iframe>
303
            <app-treemap-highchart *ngIf="datasetsGroupByView==='funder' && datasetsByFunderData"
304
                                   [chartTitle]="'OA Datasets by funder'"
305
                                   [chartData]="datasetsByFunderData" [color]="datasetColor"></app-treemap-highchart>
306

  
307
          </div>
308

  
309

  
310
          <!--LAPTOP & PAD LANDSCAPE-->
311
          <div class="uk-visible@m">
312
            <ul class="uk-subnav uk-subnav-pill uk-flex uk-flex-right uk-flex-middle uk-margin-bottom" uk-margin
313
                data-uk-switcher="{connect:'#switcher-content-a-fade-datasets', animation: 'fade'}">
314
              <li class="uk-active"><a (click)="getDatasetsGroupBy('datasource')">Datasource</a></li>
315
              <li><a (click)="getDatasetsGroupBy('organization')">Organization</a></li>
316
              <li><a (click)="getDatasetsGroupBy('funder')">Funder</a></li>
317
            </ul>
318

  
319
            <ul id="switcher-content-a-fade-datasets" class="uk-switcher uk-margin">
320
              <li aria-hidden="false" style="animation-duration: 200ms;" class="uk-active">
321
                <iframe *ngIf="datasetsByDatasourceChartURL"
322
                        width="100%" height="350" [src]="datasetsByDatasourceChartURL"></iframe>
323
              </li>
324
              <li aria-hidden="true" style="animation-duration: 200ms;" class="">
325
                <iframe *ngIf="datasetsByOrganizationChartURL"
326
                        width="100%" height="350" [src]="datasetsByOrganizationChartURL"></iframe>
327
              </li>
328
              <li aria-hidden="true" style="animation-duration: 200ms;" class="">
329
                <app-treemap-highchart *ngIf="datasetsByFunderData"
330
                                       [chartTitle]="'OA Datasets by funder'"
331
                                       [chartData]="datasetsByFunderData" [color]="datasetColor"></app-treemap-highchart>
332
              </li>
333
            </ul>
334
          </div>
335

  
336

  
337
        </div>
338
      </div>
339
    </div>
340

  
341
  </div>
342

  
343
  <!--OA Software-->
344
  <div class="uk-grid uk-child-width-1-1">
345

  
346
    <div>
347
      <div class="md-card chartCard">
348
        <div class="md-card-content">
349

  
350
          <!--MOBILE & PAD PORTRAIT-->
351
          <div class="uk-hidden@m">
352
            <div class="uk-flex uk-flex-right uk-flex-middle uk-margin-bottom">
353
              <label class="uk-margin-right">Show by: </label>
354
              <select class="md-input" #selectSoftwareGroupBy (change)="getSoftwareGroupByMobile(selectSoftwareGroupBy.value)" style="width: 230px; display: inline-block">
355
                <option value="datasource">datasource</option>
356
                <option value="organization">organization</option>
357
                <option value="funder">funder</option>
358
              </select>
359
            </div>
360

  
361
            <iframe *ngIf="softwareGroupByView==='datasource' && softwareByDatasourceChartURLMobile"
362
                    width="100%" height="550" [src]="softwareByDatasourceChartURLMobile"></iframe>
363
            <iframe *ngIf="softwareGroupByView==='organization' && softwareByOrganizationChartURLMobile"
364
                    width="100%" height="550" [src]="softwareByOrganizationChartURLMobile"></iframe>
365
            <app-treemap-highchart *ngIf="softwareGroupByView==='funder' && softwareByFunderData"
366
                                   [chartTitle]="'OA Software by funder'"
367
                                   [chartData]="softwareByFunderData" [color]="softwareColor"></app-treemap-highchart>
368

  
369
          </div>
370

  
371

  
372
          <!--LAPTOP & PAD LANDSCAPE-->
373
          <div class="uk-visible@m">
374
            <ul class="uk-subnav uk-subnav-pill uk-flex uk-flex-right uk-flex-middle uk-margin-bottom" uk-margin
375
                data-uk-switcher="{connect:'#switcher-content-a-fade-software', animation: 'fade'}">
376
              <li class="uk-active"><a (click)="getSoftwareGroupBy('datasource')">Datasource</a></li>
377
              <li><a (click)="getSoftwareGroupBy('organization')">Organization</a></li>
378
              <li><a (click)="getSoftwareGroupBy('funder')">Funder</a></li>
379
            </ul>
380

  
381
            <ul id="switcher-content-a-fade-software" class="uk-switcher uk-margin">
382
              <li aria-hidden="false" style="animation-duration: 200ms;" class="uk-active">
383
                <iframe *ngIf="softwareByDatasourceChartURL"
384
                        width="100%" height="350" [src]="softwareByDatasourceChartURL"></iframe>
385
              </li>
386
              <li aria-hidden="true" style="animation-duration: 200ms;" class="">
387
                <iframe *ngIf="softwareByOrganizationChartURL"
388
                        width="100%" height="350" [src]="softwareByOrganizationChartURL"></iframe>
389
              </li>
390
              <li aria-hidden="true" style="animation-duration: 200ms;" class="">
391
                <app-treemap-highchart *ngIf="softwareByFunderData"
392
                                       [chartTitle]="'OA Software by funder'"
393
                                       [chartData]="softwareByFunderData" [color]="softwareColor"></app-treemap-highchart>
394
              </li>
395
            </ul>
396
          </div>
397

  
398

  
399
        </div>
400
      </div>
401
    </div>
402

  
403
  </div>
404

  
405
  <!--OA ORP-->
406
  <div class="uk-grid uk-child-width-1-1">
407

  
408
    <div>
409
      <div class="md-card chartCard">
410
        <div class="md-card-content">
411

  
412
          <!--MOBILE & PAD PORTRAIT-->
413
          <div class="uk-hidden@m">
414
            <div class="uk-flex uk-flex-right uk-flex-middle uk-margin-bottom">
415
              <label class="uk-margin-right">Show by: </label>
416
              <select class="md-input" #selectORPGroupBy (change)="getORPGroupByMobile(selectORPGroupBy.value)" style="width: 230px; display: inline-block">
417
                <option value="datasource">datasource</option>
418
                <option value="organization">organization</option>
419
                <option value="funder">funder</option>
420
              </select>
421
            </div>
422

  
423
            <iframe *ngIf="orpGroupByView==='datasource' && otherByDatasourceChartURLMobile"
424
                    width="100%" height="550" [src]="otherByDatasourceChartURLMobile"></iframe>
425
            <iframe *ngIf="orpGroupByView==='organization' && otherByOrganizationChartURLMobile"
426
                    width="100%" height="550" [src]="otherByOrganizationChartURLMobile"></iframe>
427
            <app-treemap-highchart *ngIf="orpGroupByView==='funder' && otherByFunderData"
428
                                   [chartTitle]="'OA Other research products by funder'"
429
                                   [chartData]="otherByFunderData" [color]="otherResearchProductsColor"></app-treemap-highchart>
430

  
431
          </div>
432

  
433

  
434
          <!--LAPTOP & PAD LANDSCAPE-->
435
          <div class="uk-visible@m">
436
            <ul class="uk-subnav uk-subnav-pill uk-flex uk-flex-right uk-flex-middle uk-margin-bottom" uk-margin
437
                data-uk-switcher="{connect:'#switcher-content-a-fade-orp', animation: 'fade'}">
438
              <li class="uk-active"><a (click)="getORPGroupBy('datasource')">Datasource</a></li>
439
              <li><a (click)="getORPGroupBy('organization')">Organization</a></li>
440
              <li><a (click)="getORPGroupBy('funder')">Funder</a></li>
441
            </ul>
442

  
443
            <ul id="switcher-content-a-fade-orp" class="uk-switcher uk-margin">
444
              <li aria-hidden="false" style="animation-duration: 200ms;" class="uk-active">
445
                <iframe *ngIf="otherByDatasourceChartURL"
446
                        width="100%" height="350" [src]="otherByDatasourceChartURL"></iframe>
447
              </li>
448
              <li aria-hidden="true" style="animation-duration: 200ms;" class="">
449
                <iframe *ngIf="otherByOrganizationChartURL"
450
                        width="100%" height="350" [src]="otherByOrganizationChartURL"></iframe>
451
              </li>
452
              <li aria-hidden="true" style="animation-duration: 200ms;" class="">
453
                <app-treemap-highchart *ngIf="otherByFunderData"
454
                                       [chartTitle]="'OA Other research products by funder'"
455
                                       [chartData]="otherByFunderData" [color]="otherResearchProductsColor"></app-treemap-highchart>
456
              </li>
457
            </ul>
458
          </div>
459

  
460

  
461
        </div>
462
      </div>
463
    </div>
464

  
465
  </div>
466

  
216 467
</div>
modules/open-science-observatory-ui/branches/groupings-for-graphs/src/app/pages/country/overview/country-overview.component.ts
44 44
  resultsByTypeOANonOAChartURL: SafeResourceUrl;
45 45

  
46 46
  oaNonOAPublicationsTimelineChartURL: SafeResourceUrl;
47
  oaNonOADatasetsTimelineChartURL: SafeResourceUrl;
48
  oaNonOASoftwareTimelineChartURL: SafeResourceUrl;
49
  oaNonOAOtherTimelineChartURL: SafeResourceUrl;
50

  
51
  publicationsByFunderData: TreemapHighchartsData[];
52
  datasetsByFunderData: TreemapHighchartsData[];
53
  softwareByFunderData: TreemapHighchartsData[];
54
  otherByFunderData: TreemapHighchartsData[];
55

  
56
  publicationGroupByView = 'datasource';
47 57
  publicationsByDatasourceChartURL: SafeResourceUrl;
48 58
  publicationsByOrganizationChartURL: SafeResourceUrl;
59
  publicationsByCountryChartURLMobile: SafeResourceUrl;
60
  publicationsByDatasourceChartURLMobile: SafeResourceUrl;
61
  publicationsByOrganizationChartURLMobile: SafeResourceUrl;
49 62

  
50
  oaNonOADatasetsTimelineChartURL: SafeResourceUrl;
63
  datasetsGroupByView = 'datasource';
51 64
  datasetsByDatasourceChartURL: SafeResourceUrl;
52 65
  datasetsByOrganizationChartURL: SafeResourceUrl;
66
  datasetsByCountryChartURLMobile: SafeResourceUrl;
67
  datasetsByDatasourceChartURLMobile: SafeResourceUrl;
68
  datasetsByOrganizationChartURLMobile: SafeResourceUrl;
53 69

  
54
  oaNonOASoftwareTimelineChartURL: SafeResourceUrl;
70
  softwareGroupByView = 'datasource';
55 71
  softwareByDatasourceChartURL: SafeResourceUrl;
56 72
  softwareByOrganizationChartURL: SafeResourceUrl;
73
  softwareByCountryChartURLMobile: SafeResourceUrl;
74
  softwareByDatasourceChartURLMobile: SafeResourceUrl;
75
  softwareByOrganizationChartURLMobile: SafeResourceUrl;
57 76

  
58
  oaNonOAOtherTimelineChartURL: SafeResourceUrl;
77
  orpGroupByView = 'datasource';
59 78
  otherByDatasourceChartURL: SafeResourceUrl;
60 79
  otherByOrganizationChartURL: SafeResourceUrl;
80
  otherByCountryChartURLMobile: SafeResourceUrl;
81
  otherByDatasourceChartURLMobile: SafeResourceUrl;
82
  otherByOrganizationChartURLMobile: SafeResourceUrl;
61 83

  
62
  publicationsByFunderData: TreemapHighchartsData[];
63
  datasetsByFunderData: TreemapHighchartsData[];
64
  softwareByFunderData: TreemapHighchartsData[];
65
  otherByFunderData: TreemapHighchartsData[];
66

  
67 84
  constructor(private dataService: DataService,
68 85
              private dataHandlerService: DataHandlerService,
69 86
              private route: ActivatedRoute,
......
109 126
      // this.otherByOrganizationChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"other","type":"bar","query":{"name":"oso.results.affiliated.byorganization.country","parameters":["${this.countryCode}","other"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Other research products","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.otherResearchProductsPalette.join('","')}\"]}}`));
110 127
      this.otherByOrganizationChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"other","type":"bar","query":{"name":"oso.results.affiliated.byorganization.country","parameters":["${this.countryCode}","other"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Other research products","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.otherResearchProductsColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));
111 128

  
129
      this.publicationsByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.affiliated.bydatasource.country","parameters":["${this.countryCode}","publication"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Publications","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.publicationColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));
130
      this.publicationsByDatasourceChartURLMobile = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.affiliated.bydatasource.country","parameters":["${this.countryCode}","publication"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Publications","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.publicationColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));
131

  
132
      this.datasetsByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.affiliated.bydatasource.country","parameters":["${this.countryCode}","dataset"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets","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}}}`));
133
      this.datasetsByDatasourceChartURLMobile = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.affiliated.bydatasource.country","parameters":["${this.countryCode}","dataset"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets","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}}}`));
134

  
135
      this.softwareByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"software","type":"bar","query":{"name":"oso.results.affiliated.bydatasource.country","parameters":["${this.countryCode}","software"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OS Software","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.softwareColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));
136
      this.softwareByDatasourceChartURLMobile = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"software","type":"bar","query":{"name":"oso.results.affiliated.bydatasource.country","parameters":["${this.countryCode}","software"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OS Software","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.softwareColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));
137

  
138
      this.otherByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"other","type":"bar","query":{"name":"oso.results.affiliated.bydatasource.country","parameters":["${this.countryCode}","other"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Other research products","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.otherResearchProductsColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));
139
      this.otherByDatasourceChartURLMobile = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"other","type":"bar","query":{"name":"oso.results.affiliated.bydatasource.country","parameters":["${this.countryCode}","other"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Other research products","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.otherResearchProductsColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));
140

  
112 141
      // fixme use the profileName variable when this chart is available for the same profile as the rest (in 2 places)
113 142
      // this.resultsByTypeOANonOAChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"OA","type":"column","query":{"select":[{"field":"result","aggregate":"count"},{"field":"result.type","aggregate":null}],"filters":[{"groupFilters":[{"field":"result.access mode","type":"=","values":["Open Access"]},{"field":"result.access mode","type":"=","values":["Open Source"]}],"op":"OR"},{"groupFilters":[{"field":"result.organization.country.code","type":"=","values":["${this.countryCode}"]}],"op":"AND"}],"entity":"result","profile":"OpenAIRE original","limit":"30"}},{"name":"Non-OA","type":"column","query":{"select":[{"field":"result","aggregate":"count"},{"field":"result.type","aggregate":null}],"filters":[{"groupFilters":[{"field":"result.access mode","type":"!=","values":["Open Access"]},{"field":"result.access mode","type":"!=","values":["Open Source"]}],"op":"AND"},{"groupFilters":[{"field":"result.organization.country.code","type":"=","values":["${this.countryCode}"]}],"op":"AND"}],"entity":"result","profile":"OpenAIRE original","limit":"30"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Research results by type","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":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":false},"colors":[\"${this.resultsPalette.join('","')}\"]}}`));
114 143
      this.resultsByTypeOANonOAChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"OA","type":"column","query":{"select":[{"field":"result","aggregate":"count"},{"field":"result.type","aggregate":null}],"filters":[{"groupFilters":[{"field":"result.access mode","type":"=","values":["Open Access"]},{"field":"result.access mode","type":"=","values":["Open Source"]}],"op":"OR"},{"groupFilters":[{"field":"result.organization.country.code","type":"=","values":["${this.countryCode}"]}],"op":"AND"}],"entity":"result","profile":"${this.profileName}","limit":"30"}},{"name":"Non-OA","type":"column","query":{"select":[{"field":"result","aggregate":"count"},{"field":"result.type","aggregate":null}],"filters":[{"groupFilters":[{"field":"result.access mode","type":"!=","values":["Open Access"]},{"field":"result.access mode","type":"!=","values":["Open Source"]}],"op":"AND"},{"groupFilters":[{"field":"result.organization.country.code","type":"=","values":["${this.countryCode}"]}],"op":"AND"}],"entity":"result","profile":"${this.profileName}","limit":"30"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Research results by type","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":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":false},"colors":[\"${this.resultsPalette.join('","')}\"]}}`));
......
147 176
      }
148 177
    );
149 178
  }
179

  
180
  getPublicationsGroupBy(contentSelection: string): void {
181
    this.publicationGroupByView = contentSelection;
182
    if (contentSelection === 'datasource' && !this.publicationsByDatasourceChartURL) {
183
      this.publicationsByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.affiliated.bydatasource.country","parameters":["${this.countryCode}","publication"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Publications","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.publicationColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));
184
    } else if (contentSelection === 'organization' && !this.publicationsByOrganizationChartURL) {
185
      this.publicationsByOrganizationChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.affiliated.byorganization.country","parameters":["${this.countryCode}","publication"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Publications","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.publicationColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));
186
    }
187
  }
188

  
189
  getPublicationsGroupByMobile(contentSelection: string): void {
190
    this.publicationGroupByView = contentSelection;
191
    if (contentSelection === 'datasource' && !this.publicationsByDatasourceChartURLMobile) {
192
      this.publicationsByDatasourceChartURLMobile = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.affiliated.bydatasource.country","parameters":["${this.countryCode}","publication"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Publications","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.publicationColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));
193
    } else if (contentSelection === 'organization' && !this.publicationsByOrganizationChartURLMobile) {
194
      this.publicationsByOrganizationChartURLMobile = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.affiliated.byorganization.country","parameters":["${this.countryCode}","publication"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Publications","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.publicationColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));
195
    }
196
  }
197

  
198
  getDatasetsGroupBy(contentSelection: string): void {
199
    this.datasetsGroupByView = contentSelection;
200
    if (contentSelection === 'datasource' && !this.datasetsByDatasourceChartURL) {
201
      this.datasetsByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.affiliated.bydatasource.country","parameters":["${this.countryCode}","dataset"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets","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}}}`));
202
    } else if (contentSelection === 'organization' && !this.datasetsByOrganizationChartURL) {
203
      this.datasetsByOrganizationChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"datasets","type":"bar","query":{"name":"oso.results.affiliated.byorganization.country","parameters":["${this.countryCode}","dataset"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets","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}}}`));
204
    }
205
  }
206

  
207
  getDatasetsGroupByMobile(contentSelection: string): void {
208
    this.datasetsGroupByView = contentSelection;
209
    if (contentSelection === 'datasource' && !this.datasetsByDatasourceChartURLMobile) {
210
      this.datasetsByDatasourceChartURLMobile = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"publications","type":"bar","query":{"name":"oso.results.affiliated.bydatasource.country","parameters":["${this.countryCode}","dataset"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets","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}}}`));
211
    } else if (contentSelection === 'organization' && !this.datasetsByOrganizationChartURLMobile) {
212
      this.datasetsByOrganizationChartURLMobile = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"datasets","type":"bar","query":{"name":"oso.results.affiliated.byorganization.country","parameters":["${this.countryCode}","dataset"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Datasets","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}}}`));
213
    }
214
  }
215

  
216
  getSoftwareGroupBy(contentSelection: string): void {
217
    this.softwareGroupByView = contentSelection;
218
    if (contentSelection === 'datasource' && !this.softwareByDatasourceChartURL) {
219
      this.softwareByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"software","type":"bar","query":{"name":"oso.results.affiliated.bydatasource.country","parameters":["${this.countryCode}","software"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OS Software","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.softwareColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));
220
    } else if (contentSelection === 'organization' && !this.softwareByOrganizationChartURL) {
221
      this.softwareByOrganizationChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"software","type":"bar","query":{"name":"oso.results.affiliated.byorganization.country","parameters":["${this.countryCode}","software"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OS Software","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.softwareColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));
222
    }
223
  }
224

  
225
  getSoftwareGroupByMobile(contentSelection: string): void {
226
    this.softwareGroupByView = contentSelection;
227
    if (contentSelection === 'datasource' && !this.softwareByDatasourceChartURLMobile) {
228
      this.softwareByDatasourceChartURLMobile = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"software","type":"bar","query":{"name":"oso.results.affiliated.bydatasource.country","parameters":["${this.countryCode}","software"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OS Software","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.softwareColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));
229
    } else if (contentSelection === 'organization' && !this.softwareByOrganizationChartURLMobile) {
230
      this.softwareByOrganizationChartURLMobile = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"software","type":"bar","query":{"name":"oso.results.affiliated.byorganization.country","parameters":["${this.countryCode}","software"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OS Software","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.softwareColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));
231
    }
232
  }
233

  
234
  getORPGroupBy(contentSelection: string): void {
235
    this.orpGroupByView = contentSelection;
236
    if (contentSelection === 'datasource' && !this.otherByDatasourceChartURL) {
237
      this.otherByDatasourceChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"other","type":"bar","query":{"name":"oso.results.affiliated.bydatasource.country","parameters":["${this.countryCode}","other"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Other research products","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.otherResearchProductsColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));
238
    } else if (contentSelection === 'organization' && !this.otherByOrganizationChartURL) {
239
      this.otherByOrganizationChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"other","type":"bar","query":{"name":"oso.results.affiliated.byorganization.country","parameters":["${this.countryCode}","other"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Other research products","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.otherResearchProductsColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));
240
    }
241
  }
242

  
243
  getORPGroupByMobile(contentSelection: string): void {
244
    this.orpGroupByView = contentSelection;
245
    if (contentSelection === 'datasource' && !this.otherByDatasourceChartURLMobile) {
246
      this.otherByDatasourceChartURLMobile = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"other","type":"bar","query":{"name":"oso.results.affiliated.bydatasource.country","parameters":["${this.countryCode}","other"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Other research products","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.otherResearchProductsColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));
247
    } else if (contentSelection === 'organization' && !this.otherByOrganizationChartURLMobile) {
248
      this.otherByOrganizationChartURLMobile = this.sanitizer.bypassSecurityTrustResourceUrl(this.chartsURL + encodeURIComponent(`{"library":"HighCharts","chartDescription":{"queries":[{"name":"other","type":"bar","query":{"name":"oso.results.affiliated.byorganization.country","parameters":["${this.countryCode}","other"],"profile":"${this.profileName}"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"OA Other research products","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.otherResearchProductsColor}"],[1,"${this.gradientStartColor}"]]}}},"legend":{"enabled":false},"credits":{"href":null,"enabled":false}}}`));
249
    }
250
  }
150 251
}
modules/open-science-observatory-ui/branches/groupings-for-graphs/src/app/pages/country/open-science/other-research-products/country-os-orp.component.html
47 47
              </ul>
48 48

  
49 49
              <ul id="switcher-content-a-fade-publications" class="uk-switcher uk-margin">
50
                <li aria-hidden="true" style="animation-duration: 200ms;" class="uk-active">
50
                <li aria-hidden="false" style="animation-duration: 200ms;" class="uk-active">
51 51
                  <iframe *ngIf="otherWithPIDByDatasourceChartURL"
52 52
                          width="100%" height="350" [src]="otherWithPIDByDatasourceChartURL"></iframe>
53 53
                </li>

Also available in: Unified diff