如何 使用 外部 下拉 菜单 来 放大 或 缩小 股票 时间 序列 数据 ?
最初 当 我 进入 图表 时 , 在 加载 时 , 我 显示 1 小时 的 数据 , 这 是 好 的 。 在 这 一 点 上 , internal or integrated dropdown's
其他 选项 被 禁用 , 因为 我 加载 了 小 范围 的 数据 。
我 有 一 个 external dropdown
, 我 在 那里 保存 了 我 需要 的 所有 选项 。 我 应该 可以 单击 任何 选项 , 它 应该 从 BE 中 获取 相关 数据 并 更新 图表 。
- 由于 某种 原因 , 它 从 BE 中 提取 了 正确 的 数据 , 但 没有 更新 图表 * * * 。
我 真 的 不 知道 如何 像 使用 internal or integrated dropdown
一样 使用 external dropdown
。
出于 某种 原因 , 假设 我 不 想 使用 internal dropdown
, 那么 我 如何 才能 实现 external dropdown
的 internal dropdown
的 这些 功能 ? * * 这 甚至 是 可能 的 * * ?
- 我 的 努力 * * :https://stackblitz.com/edit/js-pntth2?file=index.js,chartOptions.js,index.html 的 最 大 值
- 期望 * * :它 应该 像 内部 下拉 菜单 选择 一样 工作 。 例如 , 从 外部 下拉 菜单 中 单击 " 6 小时 " 值 ,
internal dropdown
的 所有 选项 都 将 启用 。 然后 检查internal dropdown
是 如何 工作 的
- 期望 * * :它 应该 像 内部 下拉 菜单 选择 一样 工作 。 例如 , 从 外部 下拉 菜单 中 单击 " 6 小时 " 值 ,
1条答案
按热度按时间e0bqpujr1#
您需要:
1.启用
adaptToUpdatedData
选项1.删除
navigator.series
1.在
afterSetExtremes
函数结束时调用chart.zoomOut()
现场演示:https://stackblitz.com/edit/js-l7aasw?file=index.js
API引用:https://api.highcharts.com/highstock/navigator.adaptToUpdatedData