Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. To adjust the appearance of the line itself element in a linechart please use the following css snippet
  2. Please use the nth- child selector to specify the series you want to refer toreplace GRAPHOMATECHART_1 with the name of the component in the layout overview in Lumira Designer, for example if your graphomate charts name is REVENUE_2020, the according selector must start with #REVENUE_2020_control 
  3. You can specify the series with seriesIndex1, seriesIndex2 etc. If you don't wish to, you can remove .seriesIndexN and leave .lineElements

  4. For color adjustment please use the stroke property. Stroke-dasharray for achieving a dotted line.


    Code Block
    languagecss
    .GraphomateLayer:nth-child(1)>#GRAPHOMATECHART_1_control  .lineElements.seriesIndex1 {
        stroke: red !important
    }
    .GraphomateLayer:nth-child(2)>
    
    #GRAPHOMATECHART_1_control  .lineElements.seriesIndex2 {
        stroke-dasharray:5,3 !important
    }


  

Verwandte Artikel

Filter by label (Content by label)
showLabelsfalse
max5
spacescom.atlassian.confluence.content.render.xhtml.model.resource.identifiers.SpaceResourceIdentifier@14ea66e6
showSpacefalse
sortmodified
reversetrue
typepage
cqllabel in ( "linechart" , "css" , "color" ) and type = "page" and space = "KUNDEDE"
labelscss color linechart

...