You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何让Highstocks中的Current Price Indicator默认可见?

解决Highstocks默认显示Current Price Indicator的问题

你提到的「Current Price Indicator」是Highstocks导航器(Navigator)区域的最后价格指示器,和series.lastPrice不是同一个功能——后者是给数据系列本身添加最后价格标记,所以效果不一致。

要默认启用这个指示器,直接配置navigator.lastPrice即可,具体操作如下:

  • 确保项目中已加载Highstocks的stock-tools模块(本地引入或CDN加载都可)
  • 在图表配置的navigator选项下,开启lastPrice.enabled,还可根据需求自定义样式:
Highcharts.stockChart('container', {
    // 你的其他图表配置(数据、标题、坐标轴等)
    navigator: {
        lastPrice: {
            enabled: true,
            // 可选:自定义指示器样式
            lineColor: '#2980b9',
            lineWidth: 1,
            label: {
                enabled: true,
                align: 'right',
                style: {
                    color: '#333',
                    fontSize: '12px'
                }
            }
        }
    }
});

这样初始化图表时,导航器区域就会默认显示当前最后价格的横向指示线和标签,和示例页面中点击按钮启用的效果完全一致。

内容的提问来源于stack exchange,提问作者TomStack

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.31 14:20:31