[ANALYTICS-4] Configure amCharts theme & Style dashboard Created: 19/Dec/18  Updated: 18/Apr/19  Resolved: 18/Apr/19

Status: Closed
Project: Analytics
Component/s: None
Affects Version/s: None
Fix Version/s: 1.0

Type: Story Priority: Neutral
Reporter: Laura Delnevo Assignee: Oanh Thai Hoang
Resolution: Fixed Votes: 0
Labels: None
Remaining Estimate: 0d
Time Spent: 1d 1h
Original Estimate: Not Specified

Attachments: PNG File am charts color palette.png     PNG File app dashboard.png    
Issue Links:
Relates
relates to ANALYTICS-26 Create chart component Closed
relates to ANALYTICS-56 Add label and style for chart Closed
relation
is related to ANALYTICS-48 DOC: How to configure amCharts theme Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Epic Link: Analytics UI
Sprint: Add-Ons 9
Story Points: 2

 Description   

General styles for the dashboard (see mockup)

  • Every widget has rounded corners: 3px
  • Add 1px space btw widgets
  • Widget title position: border-left=15px, border-top=10px
  • Add padding (white space) around the charts: 20px

 amCharts theme config

  • Hardcoded font and colour with theme_file.js which is used in chart_component.js
  • I can configure my amCharts theme.
    • Colours 
    • Fonts 

 CSS specs for the amCharts (see mockup)

  • Widget title font: Roboto light, size: 22px, character-spacing: -1.34, #232323 (see mockup)
  • Left-align widget title
  • Color palette for the charts
    • #447500
    • #599900
    • #7AAD33
    • #9BC266
    • #BDD699
    • #DEEBCC
    • #CACACA
    • #DFDFDF
    • #EAEAEA

 

 

 

 

 

 


Generated at Sun Feb 11 23:14:34 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.