Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
399 views
in Technique[技术] by (71.8m points)

javascript - 如何创建可放大显示更多细节的华夫饼图?(How to create a waffle chart that can be zoomed in to reveal more details?)

Yesterday I came across a kind of interactive data visualization which used the waffle chart (or square pie chart).

(昨天我遇到了一种使用华夫饼图(或方形饼图)的交互式数据可视化方法。)

On the first look, it is similar to a normal waffle chart, but you can zoom in on each of the data points and reveal more details instead of just hovering your mouse to show info in a tooltip.

(乍一看,它类似于普通的华夫饼图,但是您可以放大每个数据点并显示更多详细信息,而不仅仅是将鼠标悬停在工具提示中显示信息。)

I think it shows a card element when zoomed it, but I have no idea how to make the zooming and transition effect.

(我认为它在缩放时会显示卡片元素,但是我不知道如何制作缩放和过渡效果。)

I would like to have a small discussion here if anyone has any idea how to do this.

(如果有人知道如何执行此操作,我想在这里进行一小段讨论。)

  ask by Cuong Nguyen translate from so

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)
等待大神答复

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...