一、效果介绍

如图：

二、功能介绍

简单填写中继器内容即可生成动态单散点图。

样式颜色等可以自由变换。

鼠标移入时散点变大并显示相应的数据。

三、制作方法

1）中继器

中继器里有四列，d、和y1，d为横坐标，y1为具体数值如下图所示：

2）中继器内材料组合

拖入一个矩形，其形状设置为圆，大小设置为10*10，颜色为#FEA213，散点制作完毕，在散点上拖入一个热区，其大小为24*24，散点和热区组合一起。

拖入一个矩形，其大小为80*30,显示横坐标数据。

如下图所示放置即可：

3）中继器外文本

在中继器外建一个矩形，大小设置为100*50，颜色设置为#333333，透明度为60，设置隐藏状态，只用于显示其具体数值，如图：

4）制作图表

制作竖坐标和刻度，如图：

最终的设计，如图：

四、交互设置

1）中继器

中继器每项加载时：

2）散点和热区组合

鼠标移入时和鼠标移出时：

3）中继器外文本

鼠标移出时：

这样我们就完成原型制作了。

本文由@产品纤纤原创发布于人人都是产品经理，未经许可，禁止转载。

题图来自 unsplash，基于 CC0 协议。

该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。

","gnid":"9bebc06810bbdeaf5","img_data":[{"flag":2,"img":[{"desc":"","height":"420","title":"","url":"https://p0.ssl.img.360kuai.com/t019e21979cf7f93ee6.jpg","width":"900"},{"desc":"","height":"289","title":"","url":"https://p0.ssl.img.360kuai.com/t0161de17df3fc73c1d.jpg","width":"514"},{"desc":"","height":"176","title":"","url":"https://p0.ssl.img.360kuai.com/t01cf3956dd8c1712f0.jpg","width":"505"},{"desc":"","height":"207","title":"","url":"https://p0.ssl.img.360kuai.com/t01091541d27f6c6ff3.jpg","width":"469"},{"desc":"","height":"294","title":"","url":"https://p0.ssl.img.360kuai.com/t011477fa139460a37f.jpg","width":"490"},{"desc":"","height":"332","title":"","url":"https://p0.ssl.img.360kuai.com/t0108b1531db686280e.jpg","width":"1037"},{"desc":"","height":"290","title":"","url":"https://p0.ssl.img.360kuai.com/t01d83ecb41dc378e88.jpg","width":"740"}]}],"original":0,"pat":"art_src_3,fts0,sts0","powerby":"hbase","pub_time":1685007120000,"pure":"","rawurl":"http://zm.news.so.com/f5fab7336ba28294d988a41f2478668c","redirect":0,"rptid":"0068a192374c8347","rss_ext":[],"s":"t","src":"人人都是产品经理","tag":[],"title":"Axure教程-动态单散点图

别类刷1966excel怎么制作散点图 -
魏徐福19892665409 ______ 1.选中数据区域——点击插入——推荐的图表——散点图.2.右击——添加趋势线.3.双击坐标轴——边框——实线——颜色——宽度.4.设置数据系列格式——标记(数据标记选项)——类型,大小(根据需要设置).

别类刷1966怎么在excel里画四象限图 -
魏徐福19892665409 ______ 答:步骤1、制作散点图.假设数据在A1:B13,选中A1:B13区域,鼠标单击“插入”选项卡→“散点图”→“仅带数据标记的散点图”.步骤2、在单元格中设置四象限图的颜色.在E21:F22单元格区域内设置彩色四象限图的四种颜色,每种颜...

别类刷1966Excel怎么画散点图 -
魏徐福19892665409 ______ 【1】用EXCEL画散点图选中数据,插入---图标---选择“XY散点图”---完成【2】添加趋势线点中图中一个点,右键----添加趋势线---选项中勾选显示公式选定数据后,插入,图表,选散点图

别类刷1966散点图怎么做 -
魏徐福19892665409 ______ 方法/步骤1 插入--散点图--第一张图(仅带数据标记的散点图),然后选择插入图标,设计--选择数据--图例项--添加,系列名称随你自己定义,X轴数据选择占有率,Y轴数据选择增长率,然后确定.2 选定插入的图标,布局--网格线--主要横网格...

别类刷1966excel如何建立散点图 -
魏徐福19892665409 ______ 1、选中两列数据,如图 2、单击“插入”菜单,选择“散点图”下的一种散点图效果如图

别类刷1966R语言怎么把两个散点图画在一起vd2=c -
魏徐福19892665409 ______ require(ggplot2) vd = rbind(data.frame(v=vd1, y=y, t=as.factor(1)), data.frame(v=vd2, y=y, t=as.factor(0))) ggplot(vd, aes(x=v, y=y)) + geom_point(aes(color=t))

别类刷1966怎么用matlab画散点图 -
魏徐福19892665409 ______ 1、首先打开电脑上的“matlab”软件主界面. 2、接着在命令窗口输入命令,二维散点图绘制首先需要x和y的坐标点. 3、绘制二维散点图需要使用scatter函数. 4、x和y的个数应该一致,下面在命令行输入“scatter(x,y)”命令. 5、点击回车键后,如下图所示为绘制出的二维散点图. 6、接着可以使用plot函数,把散点图连接成线,具体的命令为plot(x,y). 7、将七个数据点连接起来,绘制出x和y的关系图.

别类刷1966在R语言中如何将两张散点图画在一起? -
魏徐福19892665409 ______ 例如vd2=c(-16.3,-12.2,-8.2,-3.9,0,5.9,9.7,13.2,18.1) vd1=c(-16.6,-12.5,-8.8,-4.2,0,6,9.8,15,18.2) y=c(-16,-12,-8,-4,0,4,8,12,16) plot(y~vd1) plot(y~vd2,col=＂red＂) 然后在require(ggplot2) vd = rbind(data.frame(v=vd1, y=y, t=as.factor(1)), data.frame(v=...

别类刷1966matlab如何做散点图 -
魏徐福19892665409 ______ 二维散点图 1、首先打开电脑上的“matlab”软件,主界面如下图所示. 2、接着在命令窗口输入命令,二维散点图绘制首先需要x和y的坐标点,如下图所示. 3、绘制二维散点图需要使用scatter函数,函数的调用格式如下图所示. 4、x...

别类刷1966如何将Excel中数据绘制成散点图
魏徐福19892665409 ______ 1、选定要用于创建图表的表格数据区域. 2、打开“插入”菜单,选择“图表”,打开“图表向导”. 3、在选择“图表类型”时,选择“散点图”,单击“下一步”. 4、在设置“图表源数据”时,选择“系列产生在”、“行”或“列”,单击“下一步”. 5、在设置“图表选项”时,设置图表的标题等,单击“下一步”. 6、在设置“图表位置”时,选择是将图表放置在表格所在工作表中,还是存放在一个新的工作表中,单击“完成”.

（编辑：自媒体）