You need to enable JavaScript to run this app. 能否通过编程方式实现AnyGantt图表指定行的选中高亮?
优惠活动
大模型
产品
解决方案
定价
更多

能否通过编程方式实现AnyGantt图表指定行的选中高亮?

AnyChart甘特图代码触发行高亮实现

该功能为AnyChart甘特图的原生支持能力,无需依赖用户手动点击交互,仅通过代码逻辑即可触发和手动点击效果完全一致的行高亮选中。

你已在测试示例的selectRow函数中,通过treeData.search("id", idToSelect)拿到了目标id对应的树节点对象,仅需在现有代码基础上调用节点内置的选中方法,即可完成行高亮触发,补全后的函数代码为:

function selectRow() {
  const idToSelect = "3";
  const selected = treeData.search("id", idToSelect);
  // 触发目标行的高亮选中效果
  selected.select(true);
}

相关实现注意事项:

  • select(true)传入true参数时,会启用组件默认的单行选中逻辑,自动取消其他已选中行的高亮状态,和用户手动点击单行的交互逻辑完全匹配。
  • 如果目标选中行当前处于图表可视区域外,可以额外调用chart.scrollToItem(selected)方法,让图表自动滚动定位到目标行,避免高亮触发但用户无法看到的问题。
  • 该实现复用组件原生的内置选中样式,不需要额外自定义CSS或样式配置,最终呈现的高亮效果和手动点击行的视觉表现完全统一。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.11.05 06:54:03