andi/perfdb
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Activity

add more plot type icons and disable not (yet) implemented plot types

Browse Source
This commit is contained in:
Andreas Huber
2019-10-10 15:36:52 +02:00
parent 7ca7b80255
commit 9cf9bf4673
8 changed files with 1983 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pdb-js/src/app/app.component.html
View File

@@ -11,7 +11,7 @@
<div id="main-toolbar">
<a href="/" title="open main page"><img src="assets/img/home.svg" class="icon-small" aria-hidden="false" aria-label="go to main page" /></a>
<a href="/vis" title="open visualization page"><img src="assets/img/scatter-chart.svg" class="icon-small" aria-hidden="false" aria-label="go to visualization page" /></a>
<a href="/vis" title="open visualization page"><img src="assets/img/scatter-chart2.svg" class="icon-small" aria-hidden="false" aria-label="go to visualization page" /></a>
<a href="/upload" title="upload data"><img src="assets/img/upload.svg" class="icon-small" aria-hidden="false" aria-label="upload data" /></a>
<a href="/help" title="open help page" class="right"><img src="assets/img/question-mark-round.svg" class="icon-small" aria-hidden="false" aria-label="help" /></a>
</div>

2
pdb-js/src/app/main-page/main-page.component.html
View File

@@ -12,7 +12,7 @@
</style>
<div id="main-page-links">
<a href="/vis" class="button-large" title="open visualization page"><img src="assets/img/scatter-chart.svg" class="icon-large" aria-hidden="false" aria-label="go to visualization page" /></a>
<a href="/vis" class="button-large" title="open visualization page"><img src="assets/img/scatter-chart2.svg" class="icon-large" aria-hidden="false" aria-label="go to visualization page" /></a>
<a href="/upload" class="button-large" title="upload data"><img src="assets/img/upload.svg" class="icon-large" aria-hidden="false" aria-label="upload data" /></a>
</div>

28
pdb-js/src/app/plot.service.ts
View File

@@ -14,15 +14,18 @@ export class PlotService {
constructor(private http: HttpClient) {
this.plotTypes = new Array<PlotType>();
this.plotTypes.push(new PlotType("Scatter", "scatter-chart"));
this.plotTypes.push(new PlotType("Heatmap", "heatmap"));
this.plotTypes.push(new PlotType("Cumulative Distribution", "cumulative-distribution-chart"));
this.plotTypes.push(new PlotType("Quantile-Quantile", "quantile-quantile"));
this.plotTypes.push(new PlotType("Parallel Requests", "parallel-requests-chart"));
this.plotTypes.push(new PlotType("Violin", "violin-chart"));
this.plotTypes.push(new PlotType("Strip", "strip-chart"));
this.plotTypes.push(new PlotType("Pie", "pie-chart"));
this.plotTypes.push(new PlotType("Bar", "bar-chart"));
this.plotTypes.push(new PlotType("Scatter", "scatter-chart2", true));
this.plotTypes.push(new PlotType("Heatmap", "heatmap", false));
this.plotTypes.push(new PlotType("Contour", "contour-chart", false));
this.plotTypes.push(new PlotType("Cumulative Distribution", "cumulative-distribution-chart", true));
this.plotTypes.push(new PlotType("Histogram", "histogram", false));
this.plotTypes.push(new PlotType("Ridgelines", "ridgelines", false));
this.plotTypes.push(new PlotType("Quantile-Quantile", "quantile-quantile", false));
this.plotTypes.push(new PlotType("Parallel Requests", "parallel-requests-chart", true));
this.plotTypes.push(new PlotType("Violin", "violin-chart", false));
this.plotTypes.push(new PlotType("Strip", "strip-chart", false));
this.plotTypes.push(new PlotType("Pie", "pie-chart", false));
this.plotTypes.push(new PlotType("Bar", "bar-chart", false));
this.tagFields = new Array<TagField>();
@@ -30,11 +33,10 @@ export class PlotService {
ngOnInit() {
}
getPlotTypes(): Array<PlotType> {
return this.plotTypes;
return this.plotTypes.filter(plotType => plotType.active);
}
getTagFields(): Array<TagField> {
@@ -54,10 +56,12 @@ export class PlotService {
export class PlotType {
name: string;
icon: string
active: boolean;
constructor(name: string, icon: string) {
constructor(name: string, icon: string, active: boolean) {
this.name = name;
this.icon = icon;
this.active = active;
}
}