Uploaded image for project: 'Analytics'
  1. Analytics
  2. ANALYTICS-4

Configure amCharts theme & Style dashboard

    XMLWordPrintable

Details

    • Story
    • Resolution: Fixed
    • Neutral
    • 1.0
    • None
    • None
    • Add-Ons 9
    • 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

       

       

       

       

       

       

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                oanh.thai Oanh Thai Hoang
                ldelnevo Laura Delnevo
                Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Task DoD

                    Time Tracking

                      Estimated:
                      Original Estimate - Not Specified
                      Not Specified
                      Remaining:
                      Remaining Estimate - 0d
                      0d
                      Logged:
                      Time Spent - 1d 1h
                      1d 1h