Search code examples
typescripthighcharts

What highchart properties do I need to look at to fix blur of first chart?

When I navigate to the forecasted data for the line chart, the bar chart blurs and will stay that way until I navigate off the line chart. This is not the intended behavior. Where should I look to fix this issue? The one thing I did notice is that the line chart has forecasted data while the bar chart does not. Could that be the reason why it isn't working properly? Blurred interface

Solution

  • This is a default behaviour for inactive series. You can change it via setting opacity as follows:

      plotOptions: {
    series: {
      states: {
        inactive: {
          opacity: 1
        }
      }
    }
  },

    Demo: https://jsfiddle.net/BlackLabel/2dpcjz7y/

    API Reference: https://api.highcharts.com/highcharts/plotOptions.series.states.inactive.opacity