最后修改时间:2022-12-15 18:36
导航器(navigator)是显示在主图下方的用来展示所有数据的数据列小图形,它提供对整个图表进行缩放、平移操作。
导航器默认显示的 Highstock 中的第一个数据列,可以使用 series.showInNavigator
来指定指定需要显示在导航器中的数据列
series: [{
showInNavigator: false
}, {
showInNavigator: true
}, {
showInNavigator: true
}]
导航器里的数据列配置可以通过 navigator.series
来配置,它可以对导航器里是所有数据列有效
navigator: {
// 针对导航器来的所有数据列有效,注意 data 配置无效,因为该数据来源于主数据列
series: {
type: 'areaspline',
// ...
}
}
如果需要对某个数据列进行单独配置,可以在 series.navigatorOptions
中配置
series: [{
showInNavigator: false
}, {
showInNavigator: true,
navigatorOptions: {
color: red,
type: 'spline'
}
}, {
showInNavigator: true
}]
导航器里的坐标轴可以通过 navigator.xAxis
和 navigator.yAxis
来配置,其配置属性同普通的坐标轴,实例代码:
navigator: {
xAxis: {
tickWidth: 0,
lineWidth: 0,
gridLineWidth: 1,
tickPixelInterval: 200,
labels: {
align: 'left',
style: {
color: '#888'
},
x: 3,
y: -4
}
}
}
本教程仅用于学习、研究和交流目的,欢迎非商业转载。转载请注明出处及完整的链接。
订阅更新
尊敬的用户您好:
由于域名备案调整,我们将于 2023-01-01 ~ 2023-01-07 日陆续停用 highcharts.com.cn 域名,受影响的网站及域名如下:
网站或服务名称 | 域名 | 替代的网站 |
---|---|---|
主站 | www.highcharts.com.cn | www.hcharts.cn |
静态资源服务/CDN | cdn.highcharts.com.cn code.highcharts.com.cn | code.hcharts.cn |
img.highcharts.com.cn | img.hcharts.cn | |
API 文档 | api.highcharts.com.cn | api.hcharts.cn |
导出服务 | export.highcharts.com.cn | export.hcharts.cn |
以上网站服务及 highcharts.com.cn 域名下的网站将于 2023-01-08 日全部下线,未来一段时间将不可访问,后续我们将上线新的网站。
如果您的应用中有使用到相关服务,请抓紧时间对链接进行调整(特别是静态资源/CDN 服务的链接),以免影响您的网站或应用的正常运行,由此给您带来的不便,敬请谅解。
如需帮助,请及时与我们联系:0571-86208605 / 18106595564(微信)。
简数科技 2022-12-22