1 Star 0 Fork 0

BlackSheep / share

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
Clone or download
plotly的交互.md 2.51 KB
Copy Edit Web IDE Raw Blame History
BlackSheep authored 2020-08-25 09:55 . update plotly的交互.md.

I. Zoom、Pan和Hover

在cufflinks和plotly生成的每张二维图表的右上角, 我们都可以看到下图红框框起的几个图标

输入图片说明

相机图标用于将图表下载为png图片

输入图片说明

Home图标用于重置坐标轴

输入图片说明

zoom用于放大某个区域, 具体的做法是, 点击并按住鼠标左键移动选择目标区域, 然后释放鼠标。 如果要返回原始视图, 在绘图区域的任意位置双击或点击Reset axes即可(tip:双击要快)

输入图片说明
zoom图标是默认选择的
输入图片说明

pan用于平移图表区域, 先单击pan图标(或按住shift), 然后鼠标左键拖动就可以实现平移区域. 同样地, 在任意位置双击或点击Reset axes返回原始视图

输入图片说明
输入图片说明

而hover就是在鼠标悬停时显示数据的效果,具体有两种,即'Show closest data on hover'和'Compare data on hover'。两种效果必须选择其中之一, 默认为第一种。

下面这个图标表示仅显示光标下最接近的数据点的数据

输入图片说明
输入图片说明

而选择下面这个图标则会显示具有相同x值的所有数据点的数据

输入图片说明
输入图片说明

然后是图例的交互, 单击某个图例显示/隐藏, 双击某个图例单独显示该图例, 再次双击显示全部图例(tip: 双击要快)

输入图片说明

Comment ( 0 )

Sign in for post a comment

Python
1
https://git.oschina.net/blackSheepWall0305/zhihu_share.git
git@git.oschina.net:blackSheepWall0305/zhihu_share.git
blackSheepWall0305
zhihu_share
share
master

Search