+
+
+ @if (manualExpanded()) {
+
+
+
+ Query name
+
+
+
+
+ Description (optional)
+
+
+
+
+
+
+
+ @if (showResults()) {
+
+
+
-
-
- Value column
-
- @for (col of resultColumns(); track col) {
- {{ col }}
+
+
+
+ Chart type
+
+ @for (type of chartTypes; track type.value) {
+ {{ type.label }}
}
-
- Label
-
+
+ Label column
+
+ @for (col of resultColumns(); track col) {
+ {{ col }}
+ }
+
- @if (!isPieType()) {
-
-
Color
-
-
- @if (series.color) {
-
- }
- @if (!series.color) {
- Auto
- }
-
-
- @if (chartType() === 'line' || series.type === 'line') {
-
- Fill area
-
+
+
- }
-
-
-
-
-
-
-
- Display options
-
-
-
- @if (!isPieType()) {
-
- Stacked
-
- }
+ @for (series of seriesList(); track $index; let i = $index) {
+
+
- @if (chartType() === 'bar') {
-
- Horizontal
-
- }
+
+
+ Value column
+
+ @for (col of resultColumns(); track col) {
+ {{ col }}
+ }
+
+
+
+
+ Label
+
+
+
+ @if (!isPieType()) {
+
+
Color
+
+
+ @if (series.color) {
+
+ }
+ @if (!series.color) {
+ Auto
+ }
+
+
+ }
-
- Show data labels
-
+ @if (!isPieType() && chartType() !== 'bar') {
+
+ Point style
+
+ @for (ps of pointStyles; track ps.value) {
+ {{ ps.label }}
+ }
+
+
+ }
+
-
- Show legend
-
+ @if (!isPieType()) {
+
+ @if (chartType() === 'line' || series.type === 'line') {
+
+ Fill area
+
+ }
+
+ @if (chartType() === 'line' || series.type === 'line') {
+
+ Tension
+
+
+ }
+
+ @if (seriesList().length > 1) {
+
+ Type override
+
+ Default
+ Bar
+ Line
+
+
+ }
+
+ }
+
+ }
+ }
+
- @if (legendShow()) {
-
- Legend position
-
- @for (pos of legendPositions; track pos.value) {
- {{ pos.label }}
+
+
+
+
+
+ Display options
+
+
+
+ @if (!isPieType()) {
+
+ Stacked
+
}
-
-
- }
-
-
-
-
-
-
- Units & formatting
-
-
-
-
- Unit mode
-
- @for (mode of unitModes; track mode.value) {
- {{ mode.label }}
- }
-
-
-
- @if (unitMode() === 'custom') {
-
-
- Unit text
-
-
-
- Unit position
-
- Prefix ($100)
- Suffix (100ms)
-
-
-
- }
+ @if (chartType() === 'bar') {
+
+ Horizontal
+
+ }
- @if (unitMode() === 'convert') {
-
- Source unit
-
- @for (group of convertUnitPresets; track group.group) {
-
- @for (unit of group.units; track unit.value) {
- {{ unit.label }}
- }
-
+
+ Show data labels
+
+
+
+ Show legend
+
+
+ @if (legendShow()) {
+
+ Legend position
+
+ @for (pos of legendPositions; track pos.value) {
+ {{ pos.label }}
+ }
+
+
}
-
- Values auto-convert to the best readable unit
-
- }
+
+
+ Unit mode
+
+ @for (mode of unitModes; track mode.value) {
+ {{ mode.label }}
+ }
+
+
- @if (unitMode() !== 'convert') {
-
-
- Decimal places
-
-
-
+ @if (unitMode() === 'custom') {
+
+
+ Unit text
+
+
+
+
+ Unit position
+
+ Prefix ($100)
+ Suffix (100ms)
+
+
+
+ }
-
- Thousands separator
-
+ @if (unitMode() === 'convert') {
+
+ Source unit
+
+ @for (group of convertUnitPresets; track group.group) {
+
+ @for (unit of group.units; track unit.value) {
+ {{ unit.label }}
+ }
+
+ }
+
+ Values auto-convert to the best readable unit
+
+ }
-
- Compact notation (1K, 1M, 1B)
-
- }
-
-
Y-Axis
-
+
+ Thousands separator
+
-
-
- Min
-
-
+
+ Compact notation (1K, 1M, 1B)
+
+ }
+
+
-
- Max
-
-
-
-
-
- Sort by
-
- @for (opt of sortOptions; track opt.value) {
- {{ opt.label }}
- }
-
-
-
-
- Limit
-
-
-
-
-
- @for (color of colorPalette(); track $index; let i = $index) {
-
-
-
-
- }
-
-
-
- @if (colorPalette().length === 0) {
-
+
X-Axis
+
+ Title
+
+
+
+
}
-
-
-
-
-
+
+
+
+ Data options
+
+
+
+
+
+ Sort by
+
+ @for (opt of sortOptions; track opt.value) {
+ {{ opt.label }}
+ }
+
+
- @if (hasChartData()) {
-
+
+
+
+
+
+
+ Custom color palette
+
+
+
+
+ @for (color of colorPalette(); track $index; let i = $index) {
+
+
+
+
+ }
+
+
+
+ @if (colorPalette().length === 0) {
+
+ }
+
+
+
- @if (!hasChartData() && testResults().length > 0) {
-
-
Add at least one data series to display the chart
+ @if (showResults() && testResults().length > 0) {
+
+
- }
-
+
+
+ @for (column of resultColumns(); track column) {
+
+ | {{ column }} |
+ {{ row[column] }} |
+
+ }
+
+ |
+ |
+
+
+
+ }