title: How do I change pointBackgroundColor in Line segment on ChartJS?
body: <p>I'm trying to change pointBackGround color in line segment part of a graph but it appear to only works for borderColor. Here's my code. Does anyone know how to change them? I'm using chart.js version 3.1.1 by the way.</p>
  <pre><code>const data = {
      datasets: [
          {
              type: 'line',
              label: `${props.stationSelected.selected.label2}`,
              borderColor: '#feb1c3',
              backgroundColor: '#feb1c3',
              pointRadius: 3,
              pointBackgroundColor: '#feb1c3',
              fill: false,
              data: hourlyData,
              tension: 0.5,
              segment: {
                  borderColor: ctx =&gt; findEstimate(ctx, '#7c7c7c'), // this works
                  pointBackgroundColor: ctx =&gt; findEstimate(ctx, '#7c7c7c'), // this does not work
              }
          },
      ],
  }
  
  const findEstimate = (ctx, value) =&gt; {
      const dt = ctx.p0.$context.raw.gageHeightDateTime
      const start = modalDataRaw.gageHeightDateTimeStart
      const stop = modalDataRaw.gageHeightDateTimeEnd
      if (dt &gt;= start &amp;&amp; dt &lt;= stop) {
          return value
      }
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/Cldoo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Cldoo.png" alt="enter image description here" /></a></p>