Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | 1x | <script> import { TODAY, TOTAL_DAYS_TO_SHOW, START_DATE } from '../constants'; import ChartsConfig from './charts_config'; import UsageCounts from './usage_counts.vue'; import UsageTrendsCountChart from './usage_trends_count_chart.vue'; import UsersChart from './users_chart.vue'; export default { name: 'UsageTrendsApp', components: { UsageCounts, UsageTrendsCountChart, UsersChart, }, TOTAL_DAYS_TO_SHOW, START_DATE, TODAY, configs: ChartsConfig, }; </script> <template> <div> <usage-counts /> <users-chart :start-date="$options.START_DATE" :end-date="$options.TODAY" :total-data-points="$options.TOTAL_DAYS_TO_SHOW" /> <usage-trends-count-chart v-for="chartOptions in $options.configs" :key="chartOptions.chartTitle" :queries="chartOptions.queries" :x-axis-title="chartOptions.xAxisTitle" :y-axis-title="chartOptions.yAxisTitle" :load-chart-error-message="chartOptions.loadChartError" :no-data-message="chartOptions.noDataMessage" :chart-title="chartOptions.chartTitle" /> </div> </template> |