原文:D3.js系列——交互式操作和布局

一 图表交互操作 与图表的交互,指在图形元素上设置一个或多个监听器,当事件发生时,做出相应的反应。 交互,指的是用户输入了某种指令,程序接受到指令之后必须做出某种响应。对可视化图表来说,交互能使图表更加生动,能表现更多内容。例如,拖动图表中某些图形 鼠标滑到图形上出现提示框 用触屏放大或缩小图形等等。 用户用于交互的工具一般有三种:鼠标 键盘 触屏。 添加交互:对某一元素添加交互操作十分简单,代码 ...

2018-03-20 19:03 0 2021 推荐指数:

查看详情

D3.js交互式操作

用户用于交互的工具一般有三种:鼠标、键盘、触屏。 1. 添加交互 对某一元素添加交互操作十分简单,代码如下:   这段代码在 SVG 中添加了一个圆,然后添加了一个监听器,是通过 on() 添加的。在 D3 中,每一个选择集都有 on() 函数,用于添加事件监听器 ...

Thu Oct 20 22:21:00 CST 2016 0 12948
D3.js系列——元素操作和简单画布操作

一、元素操作: 1、选择元素   select 和 selectAll,以及选择集的概念   关于 select 和 selectAll 的参数,其实是符合 CSS 选择器的条件的,即用“井号(#)”表示 id,用“点(.)”表示 class。   此外,对于已经绑定了数据 ...

Tue Mar 20 18:02:00 CST 2018 0 1646
可视化工具D3.js教程 入门 (第十章)—— 交互式操作

这里所说的交互式操作,就是说的图表的事件监听。 on('eventName',funvtion(){ ... } ) 第一个参数是要监听的事件名称 第二个参数是要执行的函数 跟jquery类似。 下面咱们在上一张的柱状图 基础上 ,给咱们的柱状图增加鼠标移入与移出事件,改变其颜色 ...

Fri Apr 03 00:00:00 CST 2020 0 817
D3.js系列——布局:打包图和地图

一、打包图   打包图( Pack ),用于表示包含与被包含的关系,也可表示各对象的权重,通常用一圆套一圆来表示前者,用圆的大小来表示后者。 1、布局(数据转换)   第 1 行:打包图的布局   第 2 行:size() 设定转换的范围,即转换后顶点的坐标(x,y),都会 ...

Thu Mar 22 05:13:00 CST 2018 0 1883
MySQL-非交互式操作

[root@ULA pub]# mysql -u root -p2 -e 'show databases;'+--------------------+| Database |+--------- ...

Wed Sep 12 07:18:00 CST 2018 0 768
D3.js系列——布局:弦图和集群图/树状图

一、弦图 1、弦图是什么   弦图(Chord),主要用于表示两个节点之间的联系的图表。两点之间的连线,表示谁和谁具有联系。 2、数据   初始数据为:   数据是一些城市名和 ...

Wed Mar 21 04:01:00 CST 2018 0 3812
D3.js系列——布局:饼状图和力导向图

一、饼状图   在布局的应用中,最简单的就是饼状图。 1、数据   有如下数据,需要可视化:   这样的值是不能直接绘图的。例如绘制饼状图的一个部分,需要知道一段弧的起始角度和终止角度,这些值都不存在于数组 dataset 中。因此,需要用到布局布局的作用就是:计算出适合于 ...

Wed Mar 21 03:36:00 CST 2018 0 2029
Open3d交互式可视化

本篇教程介绍了Open3D的可视化窗口的交互功能。 此脚本执行了两个用户交互应用程序:demo_crop_geometry()和demo_manual_registration()。 裁剪几何体 这个函数简单读取了一个点云数据然后调用 ...

Tue Feb 09 17:32:00 CST 2021 0 529
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM