Enhancement Request: Display Real Data in Line Chart Component on Dashboard #3

New Issue

kaiarn · 2024-02-02T10:03:15Z

kaiarn commented

2024-02-02 10:03:15 +00:00

Currently, the line chart component on the dashboard (/apps/dashboard) utilizes dummy statistics instead of reflecting actual data. The goal is to enhance this component, written in Vue3 with the support of Chart.js, to present real values, specifically showcasing the number of publications per month. Each line in the chart should represent the data for a different year, offering a more accurate and meaningful visualization.

Proposed Changes:

Replace the existing dummy data in the line chart component with dynamic data reflecting the number of publications per month.
Configure the chart to display multiple lines, each representing a different year, providing a comprehensive view of the publication trends over time.
Ensure that the chart is responsive to updates in the underlying dataset, allowing it to adapt to changes in real-time.

Additional Information:

The line chart is a crucial element on the dashboard for tracking publication trends.

Real values will provide users with more meaningful insights and enhance the overall usability of the dashboard.

Compatibility with Vue3 and Chart.js should be maintained while implementing these changes.

Current Behavior:
The line chart on the dashboard is populated with artificial statistics, providing inaccurate information.

Expected Behavior:
The line chart should accurately represent the number of publications per month, with each line corresponding to a specific year, offering users a genuine overview of the data.

Environment:

```
Vue3
```
```
Chart.js
```
```
Dashboard component (/apps/dashboard)
```

Currently, the line chart component on the dashboard (/apps/dashboard) utilizes dummy statistics instead of reflecting actual data. The goal is to enhance this component, written in Vue3 with the support of Chart.js, to present real values, specifically showcasing the number of publications per month. Each line in the chart should represent the data for a different year, offering a more accurate and meaningful visualization. **Proposed Changes:** - [x] Replace the existing dummy data in the line chart component with dynamic data reflecting the number of publications per month. - [ ] Configure the chart to display multiple lines, each representing a different year, providing a comprehensive view of the publication trends over time. - [ ] Ensure that the chart is responsive to updates in the underlying dataset, allowing it to adapt to changes in real-time. **Additional Information:** - The line chart is a crucial element on the dashboard for tracking publication trends. - Real values will provide users with more meaningful insights and enhance the overall usability of the dashboard. - Compatibility with Vue3 and Chart.js should be maintained while implementing these changes. **Current Behavior:** The line chart on the dashboard is populated with artificial statistics, providing inaccurate information. **Expected Behavior:** The line chart should accurately represent the number of publications per month, with each line corresponding to a specific year, offering users a genuine overview of the data. **Environment:** - Vue3 - Chart.js - Dashboard component (/apps/dashboard)

kaiarn added this to the (deleted) project 2024-02-02 10:03:15 +00:00

kaiarn self-assigned this 2024-02-02 10:04:03 +00:00

porfra was assigned by kaiarn

2024-02-02 10:04:03 +00:00

brutho was assigned by kaiarn

2024-02-02 10:05:28 +00:00

kaiarn added the

enhancement

label 2024-02-02 10:25:38 +00:00

kaiarn commented

2024-02-02 12:55:23 +00:00

@brutho @porfra @haivik
Please review the interim result for the line chart on the following webpage: http://192.168.21.18/apps/dashboard.

If you have any specific feedback or observations, kindly provide them, and we will continue to address the matter.
Thank you for your cooperation.

@brutho @porfra @haivik Please review the interim result for the line chart on the following webpage: http://192.168.21.18/apps/dashboard. If you have any specific feedback or observations, kindly provide them, and we will continue to address the matter. Thank you for your cooperation.

kaiarn closed this issue

2024-02-16 15:44:25 +00:00

porfra added this to the Iteration 1: All "Enhancements" are solved milestone 2024-07-17 14:07:57 +00:00

Sign in to join this conversation.