title: Select dynamic value with tooltip on line chart (highcharts) in angular with material slider
body: <p>I need to show the selected value from slider as well as tooltip dynamically on the chart, for some reason, the mouse tracking disables the selected value and doesn't show the currently selected value from slider.</p>
  <p>Expected behaviour: there should always be a point marker based on selected value in slider, currently it removes selected marker on mouseover.</p>
  <pre class="lang-ts prettyprint-override"><code>  onSliderValueChange(v: number): void {
      this.selectedValue = v;
      for (let dat of this.chartData) {
        if (v === dat[0]) {
          const idx = this.chartData.indexOf(dat);
          const point = this.chart.series[0].data[idx];
          point.setState('select');
          point.onMouseOver();
          break;
        }
      }
    }
  </code></pre>
  <p>Please refer to the code in the following link:</p>
  <p><a href="https://stackblitz.com/github/gsync/line-chart-with-ng-material-slider" rel="nofollow noreferrer">https://stackblitz.com/github/gsync/line-chart-with-ng-material-slider</a></p>