text dx and dy cannot accept function

[winner106]

 Plot.text(driving, {x: "miles", y: "gas", text: (d) => `${d.year}`, dy: d.year % 5 === 0 ? -6 : 10})

the following code not working

dy: d.year % 5 === 0 ? -6 : 10

[yurivish]

You would need to pass d as an argument to an anonymous function:

dy: (d) => d.year % 5 === 0 ? -6 : 10

This still wouldn't work, though, because dx and dy are (currently) constant options rather than channels: https://observablehq.com/plot/features/marks#mark-options

Option values that must be the same for all of a mark’s generated shapes are known as constants, whereas option values that may vary across a mark’s generated shapes are known as channels.

There's some discussion in this PR about converting more options to channels: #909

[mbostock]

The dx and dy options are constant options, not channels. If you want to specify varying values, you need to declare multiple marks. For example, you could filter:

[
  Plot.text(driving, {filter: (d) => d.year % 5 === 0, x: "miles", y: "gas", text: (d) => `${d.year}`, dy: -6}),
  Plot.text(driving, {filter: (d) => d.year % 5 !== 0, x: "miles", y: "gas", text: (d) => `${d.year}`, dy: 10}),
]

[winner106]

thank you very much, I got it !