Angular 在“带材质的角度”滑块的折线图(高图)上,使用工具提示选择动态值

Angular 在“带材质的角度”滑块的折线图(高图)上,使用工具提示选择动态值,angular,highcharts,Angular,Highcharts,我需要在图表上动态显示从滑块中选择的值以及工具提示,由于某些原因,鼠标跟踪会禁用所选值,而不会显示当前从滑块中选择的值 预期行为:滑块中应始终存在基于选定值的点标记,当前它会在鼠标上方删除选定标记 onSliderValueChange(v:number):无效{ 此参数。selectedValue=v; 对于(让dat of this.chartData){ 如果(v==dat[0]){ const idx=this.chartData.indexOf(dat); const point=th

我需要在图表上动态显示从滑块中选择的值以及工具提示,由于某些原因,鼠标跟踪会禁用所选值,而不会显示当前从滑块中选择的值

预期行为:滑块中应始终存在基于选定值的点标记,当前它会在鼠标上方删除选定标记

onSliderValueChange(v:number):无效{
此参数。selectedValue=v;
对于(让dat of this.chartData){
如果(v==dat[0]){
const idx=this.chartData.indexOf(dat);
const point=this.chart.series[0]。数据[idx];
点。设置状态(“选择”);
point.onMouseOver();
打破
}
}
}
请参考以下链接中的代码:


解决这个问题的一种方法是使用plotline,这是一种有点粗糙的解决方案,但它可以显示当前选定的值

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].points[idx];
    if (this.chart.series[0].xAxis['plotLinesAndBands'].length) {
        this.chart.series[0].xAxis.removePlotLine('plotline');
    }
    this.chart.series[0].xAxis.addPlotLine({
      color: Highcharts.getOptions().colors[3],
      width: 1.5,
      value: v,
      id: 'plotline',
    });
    point.onMouseOver();
    break;
  }
}

}

请您再次描述一下您的问题,因为从我的角度来看,一切都按预期进行?你想怎么给他们看?