0

In Apache ECharts 5.4.1, I have a bar series that I've put the second item from the top in the emphasis state to highlight (via chart.dispatchAction({type: 'highlight'}), but as you can see from the picture below, the default color contrast is so minimal my eyes can barely make out which bar is highlighted:

enter image description here

I'm using the default color (auto) so ECharts is picking my series color for me. I cannot assume it will always be blue as it is in this picture. While I could set the emphasis color to something hard-coded:

series: {
  emphasis: {
    itemStyle: {
      color: "rgb(255,0,0)"
    }
  }
}

I don't want to use a fixed color. I want to stick with whatever ECharts has autoselected for me and simply increase the contrast/hue/whatever more so it's more visible.

Is there any option besides hard-coding one specific color that may or may not clash with the auto-picked series colors?

Alternately, it might also be nice to simply enlarge the bar so that it's thicker, but again, there's no size attribute I can set within the emphasis option.

Paul W
  • 5,507
  • 2
  • 2
  • 13

0 Answers0