Raphael.js饼图柱状图交互示例
Raphael 的饼图和柱状图功能，挺适合用来快速搭一个可交互的图表原型，是你想做点动画效果的时候。这个例子里直接在(10, 50)位置创建了个640 × 480的画布，画了个中心点在(320, 240)、半径为100的饼图，数据是[65, 30, 23, 32, 5, 1, 20]，分得挺细的。
图上还能加文字，比如在(320, 100)写个标题，效果还蛮整洁。更有意思的是，它的hover交互也考虑到了，扇形会放大，还有弹性动画，体验感一下就上来了。加上图例、跳转链接这些都能配置，做个数据可视化展示没啥压力。
如果你对柱状图也感兴趣，可以看看下面的几个资源，有现成的.zip文件和跟Android交互的案例，比较适合整合在多端项目里用。
文件大小：58.85KB
评论区