首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

通过双击获取amcharts甘特图中的区段属性

amCharts是一款流行的数据可视化库,提供了多种图表类型,包括甘特图(Gantt Chart)。甘特图是一种用于展示项目进度和任务分配的图表,通过可视化的方式展示任务的开始时间、结束时间和持续时间。

要通过双击获取amCharts甘特图中的区段属性,可以使用amCharts提供的事件监听机制。具体步骤如下:

  1. 创建一个甘特图实例,并加载数据源。
  2. 注册双击事件监听器,监听甘特图中的双击事件。
  3. 在双击事件触发时,获取双击位置的坐标信息。
  4. 根据坐标信息,遍历甘特图中的区段(任务)。
  5. 判断双击位置是否在某个区段内部,如果是,则获取该区段的属性信息。

以下是一个示例代码,演示了如何通过双击获取amCharts甘特图中的区段属性:

代码语言:txt
复制
// 创建甘特图实例
var chart = am4core.create("chartdiv", am4charts.XYChart);
chart.dataSource.url = "data.json";
chart.dataSource.parser = new am4core.JSONParser();
chart.dataSource.load();

// 注册双击事件监听器
chart.events.on("doublehit", function(ev) {
  // 获取双击位置的坐标信息
  var point = chart.plotContainer.pointToSvg(ev.pointer.point);
  var x = point.x;
  var y = point.y;

  // 遍历甘特图中的区段
  chart.series.each(function(series) {
    if (series instanceof am4charts.ColumnSeries) {
      series.columns.each(function(column) {
        // 判断双击位置是否在区段内部
        if (column.pixelX <= x && x <= column.pixelX + column.pixelWidth &&
            column.pixelY <= y && y <= column.pixelY + column.pixelHeight) {
          // 获取区段的属性信息
          var segment = column.dataItem.dataContext;
          console.log(segment);
        }
      });
    }
  });
});

在上述示例中,我们创建了一个甘特图实例,并加载了数据源。然后,注册了双击事件监听器,当用户双击甘特图时触发该事件。在事件处理函数中,我们通过计算双击位置的坐标信息,遍历甘特图中的区段,并判断双击位置是否在某个区段内部。如果是,则获取该区段的属性信息,并打印到控制台。

这样,通过双击获取amCharts甘特图中的区段属性的需求就可以实现了。

关于amCharts的更多信息和使用方法,可以参考腾讯云提供的产品介绍链接地址:amCharts产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

如何通过反射获取属性名字和属性类型

提出问题: 还是泛型dao遇到问题,以往我们要查询数据库中表数据时候,需要每张表都会写一个dao操作数据库,现在需求是只写一个dao,这是个万能dao,适用于所有的表,进行增删改查都可用。...显然我们事先不知道要查哪个表,泛型dao基本要求就是对所有的表都适用,这就需要我们动态获取表名,基本思想可以是方法传入一个类(前提是数据库表和实体类都是一一对应实例,通过反射获取这个实体类属性名和属性类型...反射是java中一个很重要特性,在不知道类中信息时候,利用反射我们可以获取到类中所有的信息,例如属性名,属性类型,方法名,还可以执行类方法,很强大,在框架中大多数也是采用反射获取信息。...以前知识只是知道反射可以破坏单例(因为反射可以获取到类所有信息,构造方法也不例外),但是现实没有哪个程序员写完了单例模式,在用反射来破坏单例吧…… 在说反射前先说一个在反射中很重要类Class...(); 输出是: int class java.lang.String class java.lang.String int 独立获取属性名: String name = field.getName(

3.7K20

通过PropertyDescriptor反射获取属性 gettersetter 方法

大家好,又见面了,我是你们朋友全栈君。 Java类私有的(private)属性获取不到(即使使用继承依然获取不到),那如果非要获取私有属性值怎么办呢?...比如,现有一个需求:访问一个Java类私有属性,并且该类不提供访问该私有属性共有方法。...out .println( obj2 .getCustId()); 但如果我们拿到Object不知道可以转成什么类型bean,或者说是从其他系统拿到obeject实体bean,而我们系统不存在这个...PropertyDescriptor类: PropertyDescriptor类表示JavaBean类通过存储器导出一个属性。...getWriteMethod(),获得用于写入属性方法 注:避免使用拼装方法名,反射获取Method对象。如tId,方法名格式与其他不统一,拼装方法名会错误。

1.5K81
  • Java反射(通过反射获取结构、invoke方法、获取注解)

    方式一步骤: 1)获取该类型Class对象 2)调用Class对象newInstance()方法创建对象 方式2:通过获取构造器对象来进行实例化 方式二步骤: 1)通过Class类getDeclaredConstructor...获取运行时类完整结构 可以获取:包、修饰符、类型名、父类(包括泛型父类)、父接口(包括泛型父接口)、成员(属性、构造器、方法)、注解(类上、方法上属性)。...System.out.println(f); // } //getDeclaredFields():获取当前运行时类声明所有属性,包括 private属性...> outer = ec.getDeclaringClass(); System.out.println(outer); } 2.7 总 结 了解了反射这么多API,其实在实际操作通过反射获取信息操作代码...调用运行时类指定结构 3.1 调用指定属性 在反射机制,可以直接通过Field类操作类属性通过Field类提供set()和get()方法就可以完成设置和取得属性内容操作。

    4.2K91

    2019年最好JavaScript图表库

    开发人员寻求将数百万个数据库记录整合到美丽图表和仪表板,人类可以快速直观地解释这些记录。 数据可视化技术在过去十年不断改进,现在消费者可以使用许多高级图表库。...与此同时,高分辨率屏幕出现以及通过触摸手势进行更常见缩放,使分辨率独立矢量图表成为最前沿。 进入当前由JavaScript和SVG(可缩放矢量图形)主导数据可视化时代。...JSCharting图表库支持大量图表类型,包括地图,甘特图,股票和其他通常需要单独库使用图表类型。它包括所有世界国家内置地图和SVG图标库。...其他用途和库存需要商业许可,地图和甘特图是单独许可amCharts https://www.amcharts.com/ ?...示例源代码未显示在网站库,但可在GitHub存储库中找到。配置选项用于创建和修改图表。选项API简洁直观。 该文档是完整,包括有属性API和代码片段教程。

    5.1K20

    【Groovy】Xml 反序列化 ( 使用 XmlParser 解析 Xml 文件 | 获取 Xml 文件节点和属性 | 获取 Xml 文件节点属性 )

    文章目录 一、创建 XmlParser 解析器 二、获取 Xml 文件节点 三、获取 Xml 文件节点属性 四、完整代码示例 一、创建 XmlParser 解析器 ---- 创建 XmlParser...Xml 文件节点 ---- 使用 xmlParser.name 代码 , 可以获取 Xml 文件 节点 , 节点位于根节点下, 可以直接获取 , 由于相同名称节点可以定义多个... 节点, 获取是数组 // 也是获取第 0 个元素 println xmlParser.team[0].member[0] 三、获取 Xml 文件节点属性 ---- XmlParser...获取节点类型是 Node 类型对象 , 调用 Node 对象 attributes() 方法 , 可获取 Xml 节点属性 ; // 获取 name 节点 Node nameNode = xmlParser.name...[0] // 获取 Activity 节点属性 , 这是一个 map 集合 println nameNode.attributes() 执行结果为 : [code:utf-8] 四、完整代码示例 --

    7K20

    Angular通过$location获取地址栏参数详解

    Angular通过$location获取url参数   最近,项目开发正在进行时,心有点燥,许多东西没来得及去研究,今天正想问题呢,同事问到如何获取url参数,我一时半会还真没想起来,刚刚特意研究了一下...,常用方法就以下几种: 1.获取当前完整url路径   var absurl = $location.absUrl();     //http://88:8100/#/homePage?...获取当前url子路径(也就是当前url#后面的内容,不包括参数)   var pathUrl = $location.path()   ///homePage 4.获取当前url协议(比如http...//88 6.获取当前url端口 var port = $location.port();   //8100 7.获取当前url哈希值   var hash = $location.hash()...location.search().keyword) { 12 13 $scope.keyword = $location.search().keyword; 14 15 } 16 17 }]); 11.js获取地址栏参数方法

    2K30

    【IOC 控制反转】Android 事件依赖注入 ( 事件依赖注入具体操作细节 | 获取 Activity 所有方法 | 获取方法上注解 | 获取注解上注解 | 通过注解属性获取事件信息 )

    文章目录 前言 一、获取 Activity 所有方法 二、获取方法上注解 三、获取注解上注解 四、通过注解属性获取相关事件信息 前言 Android 依赖注入核心就是通过反射获取 类 / 方法.../ 字段 上注解 , 以及注解属性 ; 在 Activity 基类 , 获取该注解 以及 注解属性 , 进行相关操作 ; 在博客 【IOC 控制反转】Android 事件依赖注入 ( 事件三要素...; 拦截相应 onClick , onLongClick , onTouch 方法 , 执行自己方法 , 其它方法正常执行 ; 一、获取 Activity 所有方法 ---- 通过反射获取...Activity 类 , 然后调用 Class getDeclaredMethods 方法 , 获取 Activity 所有方法 ; // 获取 Class 字节码对象 Class<?...EventBase 注解 , 执行下一次循环 continue; } } 四、通过注解属性获取相关事件信息 ---- 最终目的是进行如下设置

    3K20

    【Kotlin】:: 双冒号操作符详解 ( 获取引用 | 获取对象类型引用 | 获取函数引用 | 获取属性引用 | Java Class 与 Kotlin KClass )

    一、:: 双冒号操作符 ---- 在 Kotlin , :: 双冒号操作符 作用是 获取 类 , 对象 , 函数 , 属性 类型对象 引用 ; 获取这些引用 , 并不常用 , 都是在 Kotlin...: 下面的代码 , 通过 Student::class 获取 引用对象类型 是 KClass ; import kotlin.reflect.KClass class Student..., 可以理解为 类引用 等同于 对象引用 ; 代码示例 : 下面的代码 , 通过 var student: Student = Student() 实例对象 , 获取 引用对象类型类型 是...如下代码 , 使用 Student::name 代码 , 获取 Student 类 name 属性类型为 KMutableProperty1 , 获取到该 name...相对是 Java Class 类 , 是 Java 引用类型 ; 在 Java 语言中 , 需要通过 类名.class 获取 Class 实例对象 ; 在 Kotlin 语言中 ,

    4.5K11

    60种常用可视化图表使用场景——(下)

    通过利用定位和比例,气泡图通常用来比较和显示已标记/已分类圆圈之间关系。...40、甘特图 甘特图 (Gantt Chart) 通常用作项目管理组织工具,显示活动(或任务)列表和持续时间,也显示每项活动何时开始和结束。...甘特图适合用来规划和估计整个项目的所需时间,也可显示相互重迭活动。...每当出现数值时,在相应列或行添加记数符号。 完成收集所有数据后,把所有标记加起来并把总数写在下一列或下一行,最终结果类似于直方图。 推荐制作工具有:纸和笔。...每个集都是一组具有共同之处物件或数据,当多个圆圈(集)相互重迭时,称为交集 (intersection),里面的数据同时具有重迭集中所有属性

    12210

    【技术】通过梯度下降逆向工程获取食品不同成分含量

    在这个实验,我试图通过使用大多数包装食品都带有的营养成分表来找到食谱缺失成分百分比。我直觉告诉我,这样有足够数据尝试会找到实际配方。...权重 在我线性回归模型,参数(权重)是不同成分克数: w1是100gNutella量, w2是100gNutella棕榈油量, 等等… 在某些情况下,一些百分比是已知。...x是包含每种成分脂肪百分比行向量: x1是糖脂肪百分比(0%) x2棕榈油脂肪百分比(100%) … 这些还很简单。但是对于某些成分来说,很难猜测它构成(比如卵磷脂,lecithin)。...,包含最终产品脂肪量。...特定领域约束 质量不能为负(我是认真的) 固定某些权重(当它百分比已知时) 质量总和必须等于100g 并且,重量要按降序排列(食品成分在包装上也按降序排列) 其中一些约束在更新权重时强制执行,另一些则通过损失函数

    1K80

    Python 单例类设置和获取属性问题及解决方案

    1、问题背景在编写 Python 代码时,有时需要创建一个单例类,这样就可以在程序中使用该类唯一实例。为了实现这一点,可以定义一个类,并在其 __new__ 方法检查该类实例是否已经存在。...因此,所有实例都将具有相同属性值。在单例类定义一个属性,该属性值是类属性。这样,当在类实例上获取属性值时,实际上是获取了类属性值。因此,所有实例都将具有相同属性值。...在单例类定义一个属性,该属性值是实例实例属性。这样,当在类实例上获取属性值时,实际上是获取了实例实例属性值。因此,不同实例将具有不同属性值。...SingletonWithInstanceAttribute()print(y.a) # 输出:0z = SingletonWithInstanceAttribute()print(z.a) # 输出:0通过以上示例...,可以了解到如何解决 Python 单例类设置和获取属性问题。

    16110
    领券