StyleCode Property: seriesOpacity v2

🚧 Work in progress — This documents the redesigned dashboard layout system, which is still under active development and subject to change. It is not compatible with the older v1 dashboard tile system.

seriesOpacity

Specify the opacity of the series between 0 (fully transparent) and 1 (fully opaque).
Is rounded to the nearest percent value.

Applies to Type Default
chart > plotxy > series
chart > plot > series > line
chart > plot > series > stack
chart > plot > series > bar
chart > plot > series > area
chart > plot > series > background
chart > plot > series > legend
chart > plot > series > box
chart > scatter > series
linechart > series > line
linechart > series > stack
linechart > series > bar
linechart > series > area
linechart > series > background
linechart > series > legend
linechart > series > box
Number 1

Examples

// Example: chart > plotxy > series
table T = extend.range(5)
T.X = T.N
T.Y = T.N * 2

show chart "My Chart" { 1..6, 1..6 } with
  plotxy T.X
    T.Y { seriesOpacity: 0.5 }
    order by T.Y

// Example: chart > plot > series > line
table T = extend.range(5)
T.X = T.N
T.Y = T.N * 2

show chart "My Chart" { 1..6, 1..6 } with
  haxis by T.X
  plot by T.X
    same(T.Y) { seriesType: line ; seriesOpacity: 0.5 }

// Example: chart > plot > series > stack
table T = extend.range(5)
T.X = T.N
T.Y = T.N * 2

show chart "My Chart" { 1..6, 1..6 } with
  haxis by T.X
  plot by T.X
    same(T.Y) { seriesType: stack ; seriesOpacity: 0.5 }

// Example: chart > plot > series > bar
table T = extend.range(5)
T.X = T.N
T.Y = T.N * 2

show chart "My Chart" { 1..6, 1..6 } with
  haxis by T.X
  plot by T.X
    same(T.Y) { seriesType: bar ; seriesOpacity: 0.5 }

// Example: chart > plot > series > area
table T = extend.range(5)
T.X = T.N
T.Y = T.N * 2

show chart "My Chart" { 1..6, 1..6 } with
  haxis by T.X
  plot by T.X
    same(T.Y) { seriesType: area ; seriesOpacity: 0.5 }

// Example: chart > plot > series > background
table T = extend.range(5)
T.X = T.N
T.Y = T.N * 2

show chart "My Chart" { 1..6, 1..6 } with
  haxis by T.X
  plot by T.X
    same(T.Y) { seriesType: background ; seriesOpacity: 0.5 }

// Example: chart > plot > series > legend
table T = extend.range(5)
T.X = T.N
T.Y = T.N * 2

show chart "My Chart" { 1..6, 1..6 } with
  haxis by T.X
  plot by T.X
    same(T.Y) { seriesType: legend ; seriesOpacity: 0.5 }

// Example: chart > plot > series > box
table T = extend.range(5)
T.X = T.N
T.Y = T.N * 2

show chart "My Chart" { 1..6, 1..6 } with
  haxis by T.X
  plot by T.X
    same(T.Y) { seriesType: box ; seriesOpacity: 0.5 }

// Example: chart > scatter > series
table T = extend.range(5)
T.X = T.N
T.Y = T.N * 2

show chart "My Chart" { 1..6, 1..6 } with
  scatter T.X
    T.Y { seriesOpacity: 0.5 }

// Example: linechart > series > line
table T[Date] = with
  [| as Date, as Value |]
  [| date(2023,01,15), 15 |]
  [| date(2023,01,16), 5 |]
  [| date(2023,01,17), 12 |]

show linechart "My Line Chart" { 1..4, 1..6 } with
  same(T.Value) { seriesType: line ; seriesOpacity: 0.5 }
  group by T.Date

// Example: linechart > series > stack
table T[Date] = with
  [| as Date, as Value |]
  [| date(2023,01,15), 15 |]
  [| date(2023,01,16), 5 |]
  [| date(2023,01,17), 12 |]

show linechart "My Line Chart" { 1..4, 1..6 } with
  same(T.Value) { seriesType: stack ; seriesOpacity: 0.5 }
  group by T.Date

// Example: linechart > series > bar
table T[Date] = with
  [| as Date, as Value |]
  [| date(2023,01,15), 15 |]
  [| date(2023,01,16), 5 |]
  [| date(2023,01,17), 12 |]

show linechart "My Line Chart" { 1..4, 1..6 } with
  same(T.Value) { seriesType: bar ; seriesOpacity: 0.5 }
  group by T.Date

// Example: linechart > series > area
table T[Date] = with
  [| as Date, as Value |]
  [| date(2023,01,15), 15 |]
  [| date(2023,01,16), 5 |]
  [| date(2023,01,17), 12 |]

show linechart "My Line Chart" { 1..4, 1..6 } with
  same(T.Value) { seriesType: area ; seriesOpacity: 0.5 }
  group by T.Date

// Example: linechart > series > background
table T[Date] = with
  [| as Date, as Value |]
  [| date(2023,01,15), 15 |]
  [| date(2023,01,16), 5 |]
  [| date(2023,01,17), 12 |]

show linechart "My Line Chart" { 1..4, 1..6 } with
  same(T.Value) { seriesType: background ; seriesOpacity: 0.5 }
  group by T.Date

// Example: linechart > series > legend
table T[Date] = with
  [| as Date, as Value |]
  [| date(2023,01,15), 15 |]
  [| date(2023,01,16), 5 |]
  [| date(2023,01,17), 12 |]

show linechart "My Line Chart" { 1..4, 1..6 } with
  same(T.Value) { seriesType: legend ; seriesOpacity: 0.5 }
  group by T.Date

// Example: linechart > series > box
table T[Date] = with
  [| as Date, as Value |]
  [| date(2023,01,15), 15 |]
  [| date(2023,01,16), 5 |]
  [| date(2023,01,17), 12 |]

show linechart "My Line Chart" { 1..4, 1..6 } with
  same(T.Value) { seriesType: box ; seriesOpacity: 0.5 }
  group by T.Date

User Contributed Notes
0 notes + add a note