StyleCode Property: tooltipColor 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.
tooltipColor
Choose the main color for the tooltip icon.
Examples
// Example: barchart
table Items = with
[| as SKU, as Category, as Quantity |]
[| "AAA", "CAT_1", 10 |]
[| "BBB", "CAT_2", 20 |]
[| "CCC", "CAT_1", 30 |]
show barchart "My BarChart" { 1..4, 1..6 ; tooltipColor: "#FF6347" } with
sum(Items.Quantity)
group by Items.Category
// Example: chart
table T = extend.range(5)
T.X = T.N
T.Y = T.N * 2
show chart "My Chart" { 1..6, 1..6 ; tooltipColor: "#FF6347" } with
haxis by T.X
plot by T.X
same(T.Y)
// 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 { tooltipColor: "#FF6347" }
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 ; tooltipColor: "#FF6347" }
// 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 ; tooltipColor: "#FF6347" }
// 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 ; tooltipColor: "#FF6347" }
// 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 ; tooltipColor: "#FF6347" }
// 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 ; tooltipColor: "#FF6347" }
// 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 ; tooltipColor: "#FF6347" }
// 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 ; tooltipColor: "#FF6347" }
// 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 { tooltipColor: "#FF6347" }
// Example: frame
table Orders = with
[| as Date, as Quantity |]
[| date(2023,02,21), 150 |]
[| date(2023,02,22), 250 |]
show frame "My Frame" { 1..3, 1..10 ; tooltipColor: "#FF6347" } with
columns
Orders.Date
Orders.Quantity
// Example: gauge
show gauge "My Gauge" { 1..3, 1..4 ; tooltipColor: "#FF6347" } with 0.5
// Example: label
show label "My Label" { 1..2, 1..2 ; tooltipColor: "#FF6347" }
// Example: linechart
table Day[Date] = with
[| as Date, as StockOnHand, as StockOnOrder |]
[| date(2023,01,15), 15,10 |]
[| date(2023,01,16), 5, 2 |]
[| date(2023,01,17), 12, 4 |]
[| date(2023,01,18), 13, 7 |]
show linechart "My Line Chart" { 1..4, 1..6 ; tooltipColor: "#FF6347" } with
Day.StockOnHand
Day.StockOnOrder
// 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 ; tooltipColor: "#FF6347" }
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 ; tooltipColor: "#FF6347" }
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 ; tooltipColor: "#FF6347" }
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 ; tooltipColor: "#FF6347" }
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 ; tooltipColor: "#FF6347" }
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 ; tooltipColor: "#FF6347" }
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 ; tooltipColor: "#FF6347" }
group by T.Date
// Example: markdown
show markdown "My Markdown" { 1..3, 1..3 ; tooltipColor: "#FF6347" } with """Some markdown text"""
// Example: piechart
table Sales = with
[| as Quantity, as Category |]
[| 10, "A" |]
[| 1, "B" |]
[| 5, "B" |]
[| 4, "A" |]
[| 12, "C" |]
show piechart "My Pie Chart" { 1..4, 1..6 ; tooltipColor: "#FF6347" } with
sum(Sales.Quantity)
group by Sales.Category
// Example: scalar
myValue = 123
show scalar "My Scalar" { 1..2, 1..2 ; tooltipColor: "#FF6347" } with
myValue
// Example: summary
table Sales = with
[| as Quantity, as NetAmount |]
[| 10, 40 |]
[| 2, 10 |]
[| 1, 20 |]
show summary "My Summary" { 1..3, 1..3 ; tooltipColor: "#FF6347" } with
sum(Sales.Quantity)
sum(Sales.NetAmount)
// Example: summary > entry
table Sales = with
[| as Quantity, as NetAmount |]
[| 10, 40 |]
[| 2, 10 |]
[| 1, 20 |]
show summary "My Summary" { 1..3, 1..3 } with
sum(Sales.Quantity) { tooltipColor: "#FF6347" }
sum(Sales.NetAmount)
// Example: table
table Orders = with
[| as Date, as Quantity |]
[| date(2023,02,21), 150 |]
[| date(2023,02,22), 250 |]
show table "My Table" { 1..4, 1..4 ; tooltipColor: "#FF6347" } with
Orders.Date
Orders.Quantity
// Example: table > column
table Orders = with
[| as Date, as Quantity |]
[| date(2023,02,21), 150 |]
[| date(2023,02,22), 250 |]
show table "My Table" { 1..4, 1..4 } with
Orders.Date { tooltipColor: "#FF6347" }
Orders.Quantity
// Example: table > column > value
table Orders = with
[| as Date, as Quantity |]
[| date(2023,02,21), 150 |]
[| date(2023,02,22), 250 |]
show table "My Table" { 1..4, 1..4 } with
Orders.Date { value { tooltipColor: "#FF6347" } }
Orders.Quantity