如何让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
相关产品推荐
相关产品推荐

