Skip to content

Commit 310da37

Browse files
graphierosgraphieros
committed
New feature - Add config option to display chart data tables inside a dialog
1 parent e62d86e commit 310da37

File tree

71 files changed

+2744
-882
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

71 files changed

+2744
-882
lines changed

‎TestingArena/ArenaVueUi3dBar.vue‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -145,7 +145,10 @@ const model = ref([
145145
{ key: 'style.chart.dataLabel.color', def: '#1A1A1A', type: 'color'},
146146
{ key: 'style.chart.dataLabel.fontSize', def: 12, type: 'number'},
147147
{ key: 'style.chart.dataLabel.rounding', def: 1, type: 'number', min: 0, max: 12},
148+
148149
{ key: 'table.show', def: false, type: 'checkbox'},
150+
{ key: 'table.useDialog', def: true, type: 'checkbox'},
151+
149152
{ key: 'table.responsiveBreakpoint', def: 300, type: 'number', min: 300, max: 800},
150153
{ key: 'table.ccolumnNames.series', def: 'Series', type: 'text'},
151154
{ key: 'table.ccolumnNames.value', def: 'Value', type: 'text'},
@@ -207,7 +210,7 @@ const config = computed(() => {
207210
208211
const step = ref(0)
209212
210-
const selectedDataset = ref('stacked') // simple | stacked
213+
const selectedDataset = ref('simple') // simple | stacked
211214
212215
const dataset = computed(() => datasets.value[selectedDataset.value])
213216

‎TestingArena/ArenaVueUiAgePyramid.vue‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -134,14 +134,15 @@ const model = ref([
134134
{ key: 'translations.female', def: 'female', type: 'text'},
135135
{ key: 'translations.total', def: 'total', type: 'text'},
136136
{ key: 'translations.year', def: 'year', type: 'text'},
137-
{ key: 'table.show', def: false, type: 'checkbox'},
138137
{ key: 'table.responsiveBreakpoint', def: 400, type: 'number', min: 300, max: 800},
139138
{ key: 'table.th.backgroundColor', def: '#FFFFFF', type: 'color'},
140139
{ key: 'table.th.color', def: '#1A1A1A', type: 'color'},
141140
{ key: 'table.th.outline', def: 'none', type: 'text'},
142141
{ key: 'table.td.backgroundColor', def: '#FFFFFF', type: 'color'},
143142
{ key: 'table.td.color', def: '#1A1A1A', type: 'color'},
144-
{ key: 'table.td.outline', def: 'none', type: 'text'}
143+
{ key: 'table.td.outline', def: 'none', type: 'text'},
144+
{ key: 'table.show', def: false, type: 'checkbox'},
145+
{ key: 'table.useDialog', def: true, type: 'checkbox'},
145146
])
146147
147148
const testCustomTooltip = ref(false);

‎TestingArena/ArenaVueUiCandlestick.vue‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -168,7 +168,7 @@ const model = ref([
168168
{ key: 'translations.low', def: 'Low', type: 'text'},
169169
{ key: 'translations.last', def: 'Last', type: 'text'},
170170
{ key: 'translations.volume', def: 'Volume', type: 'text'},
171-
{ key: 'table.show', def: false, type: 'checkbox', label: 'show', category: 'table' },
171+
172172
{ key: 'table.responsiveBreakpoint', def: 400, type: 'number', min: 300, max: 800 },
173173
{ key: 'table.th.backgroundColor', def: '#FFFFFF', type: 'color' },
174174
{ key: 'table.th.color', def: '#1A1A1A', type: 'color' },
@@ -179,6 +179,9 @@ const model = ref([
179179
{ key: 'table.td.roundingValue', def: 2, type: 'number', min: 0, max: 6 },
180180
{ key: 'table.td.prefix', def: 'P', type: 'text'},
181181
{ key: 'table.td.suffix', def: 'S', type: 'text'},
182+
183+
{ key: 'table.show', def: false, type: 'checkbox' },
184+
{ key: 'table.useDialog', def: true, type: 'checkbox' },
182185
])
183186
184187
const testCustomTooltip = ref(false);

‎TestingArena/ArenaVueUiChestnut.vue‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -388,7 +388,10 @@ const model = ref([
388388
{ key: 'style.chart.layout.title.subtitle.bold', def: false, type: 'checkbox'},
389389
{ key: 'style.chart.layout.title.subtitle.fontSize', def: 16, type: 'number', min: 8, max: 48},
390390
{ key: 'style.chart.layout.title.subtitle.offsetY', def: 0, type: 'number', min: -100, max: 100},
391+
391392
{ key: 'table.show', def: false, type: 'checkbox'},
393+
{ key: 'table.useDialog', def: true, type: 'checkbox'},
394+
392395
{ key: 'table.responsiveBreakpoint', def: 400, type: 'number', min: 300, max: 800},
393396
{ key: 'table.th.backgroundColor', def: '#FFFFFF', type: 'color'},
394397
{ key: 'table.th.color', def: '#1A1A1A', type: 'color'},

‎TestingArena/ArenaVueUiChord.vue‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -114,7 +114,10 @@ const model = ref([
114114
{ key: 'style.chart.ribbons.labels.marker.show', def: true, type: 'checkbox'},
115115
{ key: 'style.chart.ribbons.labels.marker.radius', def: 3, type: 'number', min: 0, max: 12},
116116
{ key: 'style.chart.ribbons.labels.marker.stroke', def: '#FFFFFF', type: 'color'},
117-
{ key: 'style.chart.ribbons.labels.marker.strokeWidth', def: 1, type: 'number', min: 0, max: 12}
117+
{ key: 'style.chart.ribbons.labels.marker.strokeWidth', def: 1, type: 'number', min: 0, max: 12},
118+
119+
{ key: 'table.show', def: false, type: 'checkbox' },
120+
{ key: 'table.useDialog', def: true, type: 'checkbox' },
118121
])
119122
120123
const themeOptions = ref([

‎TestingArena/ArenaVueUiCirclePack.vue‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -234,6 +234,9 @@ const model = ref([
234234
{ key: 'userOptions.print.allowTaint', def: true, type: 'checkbox'},
235235
{ key: 'userOptions.print.useCORS', def: true, type: 'checkbox'},
236236
{ key: 'userOptions.print.backgroundColor', def: '#FFFFFF' },
237+
238+
{ key: 'table.show', def: false, type: 'checkbox'},
239+
{ key: 'table.useDialog', def: true, type: 'checkbox'},
237240
]);
238241
239242
const themeOptions = ref([

‎TestingArena/ArenaVueUiDonut.vue‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -192,7 +192,10 @@ const model = ref([
192192
{ key: 'style.chart.title.subtitle.color', def: '#A1A1A1', type: 'color', label: 'textColor', category: 'subtitle' },
193193
{ key: 'style.chart.title.subtitle.fontSize', def: 16, type: 'number', min: 6, max: 42, label: 'fontSize', category: 'subtitle' },
194194
{ key: 'style.chart.title.subtitle.bold', def: false, type: 'checkbox', label: 'bold', category: 'subtitle' },
195+
195196
{ key: 'table.show', def: false, type: 'checkbox', label: 'show', category: 'table' },
197+
{ key: 'table.useDialog', def: true, type: 'checkbox' },
198+
196199
{ key: 'table.responsiveBreakpoint', def: 400, type: 'number', min: 300, max: 800, label: 'responsiveBreakpoint', category: 'table' },
197200
{ key: 'table.columnNames.series', def: 'Series', type: 'text', label: ['columnName', 'is', 'series'], category: 'table' },
198201
{ key: 'table.columnNames.value', def: 'Value', type: 'text', label: ['columnName', 'is', 'value'], category: 'table' },

‎TestingArena/ArenaVueUiDonutEvolution.vue‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -133,7 +133,6 @@ const model = ref([
133133
{ key: 'style.chart.legend.showPercentage', def: false, type: 'chexkbox'},
134134
{ key: 'style.chart.legend.position', def: 'bottom', type: 'select', options: ['top', 'bottom']},
135135
136-
{ key: 'table.show', def: false, type: 'checkbox'},
137136
{ key: 'table.responsiveBreakpoint', def: 400, type: 'number', min: 300, max: 800},
138137
{ key: 'table.columnNames.period', def: 'Period', type: 'text'},
139138
{ key: 'table.columnNames.total', def: 'Total', type: 'text'},
@@ -154,6 +153,9 @@ const model = ref([
154153
{ key: 'style.chart.zoom.endIndex', def: null, type: 'number', min: 0, max: 100},
155154
{ key: 'style.chart.zoom.enableRangeHandles', def: true, type: 'checkbox'},
156155
{ key: 'style.chart.zoom.enableSelectionDrag', def: true, type: 'checkbox'},
156+
157+
{ key: 'table.show', def: false, type: 'checkbox'},
158+
{ key: 'table.useDialog', def: true, type: 'checkbox'},
157159
]);
158160
159161
const themeOptions = ref([

‎TestingArena/ArenaVueUiDumbbell.vue‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -156,7 +156,10 @@ const model = ref([
156156
{ key: 'style.chart.title.subtitle.text', def: 'Lorem ipsum dolor sit amet', type: 'text'},
157157
{ key: 'style.chart.title.subtitle.fontSize', def: 16, type: 'number', min: 8, max: 48},
158158
{ key: 'style.chart.title.subtitle.bold', def: false, type: 'checkbox'},
159+
159160
{ key: 'table.show', def: false, type: 'checkbox'},
161+
{ key: 'table.useDialog', def: true, type: 'checkbox'},
162+
160163
{ key: 'table.responsiveBreakpoint', def: 300, type: 'number', min: 300, max: 800},
161164
{ key: 'table.columnNames.series', def: 'Series', type: 'text'},
162165
{ key: 'table.columnNames.start', def: 'Start value', type: 'text'},

‎TestingArena/ArenaVueUiFlow.vue‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -191,7 +191,10 @@ const model = ref([
191191
{ key: 'style.chart.links.opacity', def: 0.8, type: 'number', min: 0, max: 1, step: 0.1 },
192192
{ key: 'style.chart.links.stroke', def: '#FFFFFF', type: 'color' },
193193
{ key: 'style.chart.links.strokeWidth', def: 1, type: 'number', min: 0, max: 12 },
194-
{ key: 'style.chart.links.width', def: 200, type: 'number', min: 40, max: 300 }
194+
{ key: 'style.chart.links.width', def: 200, type: 'number', min: 40, max: 300 },
195+
196+
{ key: 'table.show', def: false, type: 'checkbox' },
197+
{ key: 'table.useDialog', def: true, type: 'checkbox' },
195198
])
196199
197200
const themeOptions = ref([

0 commit comments

Comments
 (0)