QUESTION: is it possible to draw two backgroundColors in an area chart using the same dataset?

desire depth chart

current chart

datasets: [
          {
            backgroundColor: props => {
              if (props.dataIndex > 100) {
                return 'rgb(255, 99, 132)';
              } else {
                return 'rgb(75, 192, 192)';
              }
            },
            borderColor: props => {
              if (props.dataIndex > 100) {
                return 'rgb(255, 99, 132)';
              } else {
                return 'rgb(75, 192, 192)';
              }
            },

[benmccann]

See these docs: https://www.chartjs.org/docs/latest/general/options.html#scriptable-options

You should probably be able to pass a function for the color and background color that accomplishes this

[topoint2019]

pointRadius: 0 does the trick