Project

General

Profile

Actions

Task #6430

closed

Feature #5975: Implement 'Statistics' view

Create a view for each graph type so they are reusable throughout MetacatUI

Added by Lauren Walker over 10 years ago. Updated about 10 years ago.

Status:
Resolved
Priority:
Normal
Assignee:
Target version:
Start date:
02/27/2014
Due date:
% Done:

100%

Estimated time:

Description

I'll need to move the donut chart code that I've completed to a new view and keep the code extremely generalized so that very similar charts can be drawn in other views in the future.

Actions #1

Updated by Lauren Walker over 10 years ago

  • % Done changed from 0 to 30

I've moved the donut chart rendering code to its own view

Actions #2

Updated by Lauren Walker over 10 years ago

  • % Done changed from 30 to 60

I just added a LineChartView to draw line time series charts by passing it an array of data. Styling can be customized in CSS alone so the d3 drawing is very generic. This view will be used for the upload and download charts on the user profile.

Actions #3

Updated by Lauren Walker over 10 years ago

  • % Done changed from 60 to 80

There is now a View in the metacatUI for the chart titles/badges that are a SVG circle with a number in the middle with a label underneath. (e.g. the "X data uploads" title above the uploads line chart)

I can see this simple drawing being reused in other places throughout MetacatUI to display a number of some sort in a simple but interesting way. (Such as the number of downloads in the search result list?)

Actions #4

Updated by Lauren Walker over 10 years ago

  • Status changed from New to Resolved
  • % Done changed from 80 to 100
  • translation missing: en.field_remaining_hours set to 0.0

The last chart View has been added, the BarChartView, although it could use some tweaking to get it a little more interesting (e.g. events on mouseover).

Stacked Bar Charts can also be drawn using this by passing multiple values for the same x-axis and giving them different classes to color them differently in CSS.

Actions

Also available in: Atom PDF