Highcharts条形图高亮显示最小和最大y值/条形图

Highcharts条形图高亮显示最小和最大y值/条形图,highcharts,tags,highlight,Highcharts,Tags,Highlight,我正在寻找一种在基本条形图中显示最小值和最大值的方法。我可以通过getExtremes()找到min/max。但是,如何在图表中突出显示它们 // Max Value chart.yAxis[0].getExtremes().dataMax 另外一个问题是,如果我调整选择的大小,最小值/最大值应该改变。 我的方法是这样的: var min = chart.series[0].dataMin; var max = chart.series[0].dataMax; for (var i = 0;

我正在寻找一种在基本条形图中显示最小值和最大值的方法。我可以通过getExtremes()找到min/max。但是,如何在图表中突出显示它们

// Max Value
chart.yAxis[0].getExtremes().dataMax
另外一个问题是,如果我调整选择的大小,最小值/最大值应该改变。 我的方法是这样的:

var min = chart.series[0].dataMin;
var max = chart.series[0].dataMax;

for (var i = 0; i < chart.series[0].points.length; i++) {
    if (chart.series[0].points[i].y === max) {
        chart.series[0].points[i].update({color: 'red'});
    }
    if (chart.series[0].points[i].y === min) {
        chart.series[0].points[i].update({color: 'yellow'});
    }
}
var min=chart.series[0].dataMin;
var max=chart.series[0].dataMax;
对于(var i=0;i
但是,这种方法非常缓慢…:-(


//编辑:工作演示

突出显示它们是什么意思?我想,要用另一种颜色重新绘制它们,或者添加一些用户会立即知道的内容,好的,这是最大/最小值。您需要找到正确的点,而不是突出显示该点的值。获得该点后,只需调用
点。更新({color:'red'))
以高亮显示它。当然,您需要取消高亮显示以前的点。我觉得很好。如何选择点?必须有一种比迭代图表更快的方法。系列[0]。数据数组,并将y值与最大值匹配?即使简单,也可能不会影响性能,通过
点更新点。更新()
可能不是最好的选择。作为解决方法,我建议使用渲染器在该点位置绘制一些形状,简单演示: