在Highcharts中,我可以在图表代码的不同部分访问x和y值吗?我想在绘制的某些x值处显示一条绘图线

zbq4xfa0  于 2023-01-17  发布在  Highcharts
关注(0)|答案(1)|浏览(119)

我希望能够检查正在绘制的y值是否为零,如果是,我希望在对应的x值处显示绿色绘图线。
这样做有意义吗?可行吗?
我可以在xAxis中绘制曲线,如下所示:

xAxis: {
                        type: "datetime",
                        tickInterval: 24*60*60*1000,
                        labels: {
                            format: this.active_filter == "week" ? '{value:%a}' : '{value:%b %e}',
                        },
                        min: start_date_unix*1000,
                        max: end_date_unix*1000,
                        plotLines: [{
                            color: '#FF0000',
                            width: 2,
                            value: VALUE
                        }]
                    },

但是在value是什么的地方我想检查一下被绘制的条的y值。

webghufk

webghufk1#

您可以动态修改图表的每个部分并访问所有必需值。下面是如何执行动态操作的示例:

const chart = Highcharts.chart('container', {...});

const plotLines = [];

chart.series[0].points.forEach(point => {
  if (point.y === 0) {
    plotLines.push({
      value: point.x,
      color: 'green'
    });
  }
});

chart.xAxis[0].update({
  plotLines
});

相关问题