颜色调配网站做网站需要记哪些代码

张小明 2026/1/9 16:18:56
颜色调配网站,做网站需要记哪些代码,滕州营销型网站建设,用于网站开发的语言柱状图是数据可视化常用的组件#xff0c;一般的柱状图只能看到某年份各月的数据#xff0c;如果用组合柱状图或者堆叠柱状图#xff0c;太多分类看起来也会很缭乱#xff0c;这时就可以用动态切换的柱状图。 今天作者就教大家在Axure里面如果用中继器做一个可以动态切换的…柱状图是数据可视化常用的组件一般的柱状图只能看到某年份各月的数据如果用组合柱状图或者堆叠柱状图太多分类看起来也会很缭乱这时就可以用动态切换的柱状图。今天作者就教大家在Axure里面如果用中继器做一个可以动态切换的柱状图制作完成之应具备以下交互效果在中继器表格中填写具体数据和坐标轴最大值后自动生成对应的柱状图鼠标移入对应柱状体时显示该柱状体对应的具体数据的数值可以点击切换不同标签查看对应选项的柱状图【原型预览含下载地址】https://axhub.im/ax9/9a27399d9b2d17a5/#g1一、标签的制作我们用几个矩形制作标签表现需要设置选中样式 案例中选中样式为填充颜色为灰色文字颜色为白色如下图2021年标签所示。所有标签设置为同一个单选组第一个标签默认勾选选中。鼠标单击标签时我们用选中的交互设置当前元件选中为真。二、柱状图的制作1、中继器表格的填写柱状图我们需要用中继器制作中继器内部表格是存放具体数据的位置。我们需要增加一下几列数据text对应柱状图的横坐标文字year2017~2021分别和上面的5个标签年份的数据对应fuzhu默认为空即可只用于后续逻辑交互我们填写或者在excel复制对应数据过来即可2、中继器内部元件柱状图我们用中继器来制作中继器内部元件包括、蓝色条形矩形、透明背景(矩形)、横坐标文字文本标签如下图所示摆放透明背景矩形主要是用来制作高亮效果即鼠标移入对应柱状体时会有一个变色的提示。所以我们先设置一个选中的样式为浅蓝色然后将柱状体和背景矩形组合鼠标移入该组合时设置背景矩形为选中鼠标移出组合时设置背景矩形为取消选中。横坐标的文本对应的是中继器表格里text里的值所以在中继器每项加载时我们用设置文本的交互将text列的值设置到横坐标的数据文本里。3、坐标轴最大值和设置柱状的高度我们在中继器外面增加一个文本标签在里面填写坐标轴的最大值这里的值应该要大于或等于中继器表格里最大的数据案例中我们填写5000。这个文本只用于计算所以默认隐藏即可。回到中继器每项加载时我们根据中继器表格里的数据用设置尺寸的交互宽不变还是原来的宽度高度其实就是柱状原来的高度或者背景原来的高度*对应的数据值在除以最大值的文本设置尺寸的时候记的锚点设置在底部位置。简单来书就是我当前数据值例如2500除以最大值5000得到0.50.5在乘柱状图最开始的高度这里可以看做背景矩形的高度这就是设置尺寸的原理了明白了原理之后我们还需要根据那个标签选中来确定用哪一个数据例如2021年的标签选中我们就用year2021列的数据如果是2020年的标签选中我们就用year2020的数据……4、坐标和边线这样柱状图就可以自动生成了接下来我们回到中继器外面增加边线和y坐标值如下图所示摆放y坐标值用几个文本标签制作可以手动输入文字也可以通过交互来自动设置前面我们填写了最大值的文本我们可以通过该文本自动计算例如最下面是0然后上面一个其实就是五分之一乘最大值50001000在上面一个就是五分之二*最大值50002000以此类推……都是数学关系具体也要看你分成几份我们在载入时用设置文本的交互来设置即可预览时数值就会自动变化这里注意如果输入的最大值不是整数或者有可能除不尽的话我们还要用tofixed函数将他四舍五入5、显示弹窗的标签我们想做移入对应柱状体显示对应的数据的标签所以我们用矩形制作调整大小和样式后默认隐藏在中继器里的柱状组合里写添加交互。鼠标移入时我们增加显示数据标签的交互鼠标移出时增加数据标签隐藏的交互鼠标移动时我们增加一个移动事件我们想标签跟随鼠标移动所以这里用到cursor的函数可以获取鼠标的x或y值移动时选择到达然后获取鼠标的x值Cursor.x和y值Cursor.y我们还要加一点距离不然就会被弹窗挡住相当于鼠标移出了柱状组合。最后我们还要在鼠标移入时用设置文本的交互将数据设置到标签上即可这里和上面设置尺寸一样需要分条件就是根据选中的标签来设置具体的数据如果2021年的标签被选中我们就设置值中继器表格里year2021列的值如果2020年的标签被选中我们就设置值中继器表格里year2020列的值……这样我们就完成动态切换柱状图原型模板的制作了以后使用时只需要在中继器表格里填写内容就可自动生成能切换查看不同数据的柱状图是不是很方便呢。那以上就是用中继器制作树形表格原型模板的全部内容了感谢您的阅读我们下期见。
版权声明:本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!

网站开发配置管理计划建网站模板

Langchain-Chatchat 的图像理解之路:多模态输入支持现状与演进路径 在企业知识管理日益复杂的今天,文档不再只是密密麻麻的文字。一张网络拓扑图可能抵得上千言万语,一份带批注的流程截图往往承载着关键决策逻辑。然而,当我们将这…

张小明 2026/1/3 5:35:42 网站建设

做手机网站的公司电子商务网页制作

avcodec-58.dll 终极指南:高效音视频编解码完整解决方案 【免费下载链接】avcodec-58.zip资源文件下载 avcodec-58.zip 资源文件下载本仓库提供了一个名为 avcodec-58.zip 的资源文件下载 项目地址: https://gitcode.com/open-source-toolkit/9bd65 在多媒体…

张小明 2026/1/2 10:53:17 网站建设

体彩网站建设工业和信息化部官网

2025年12月18日,轨物科技自主研发的“光伏清洁机器人智能控制和运维解决方案V1.0”正式上线华为鲲鹏解决方案市场,标志着轨物科技在新能源运维智能化领域迈出了重要一步。该解决方案深度融合华为鲲鹏生态技术,以创新科技赋能光伏行业&#xf…

张小明 2026/1/2 22:09:13 网站建设

视频直播点播网站建设网站制作的语言

普源(RIGOL)信号发生器作为电子设计和测试中的重要设备,广泛应用于模拟信号源的生成和调试。然而,在实际使用过程中,用户可能会遇到无输出、波形失真等问题,影响测试效率和结果。本文将系统总结普源信号发生…

张小明 2026/1/3 5:36:09 网站建设

怎么让客户做网站优化什么建立生育支持

MailView:一键预览邮件模板的Rails开发神器 【免费下载链接】mail_view Visual email testing 项目地址: https://gitcode.com/gh_mirrors/ma/mail_view 还在为邮件模板调试而烦恼吗?MailView是一个专为Rails开发者设计的邮件预览工具&#xff0c…

张小明 2026/1/9 2:49:18 网站建设

企业网站 案例英文网站模板制作

GEO(地理位置优化)作为数字营销领域的重要分支,近年来随着本地化服务需求的激增而迅速发展。然而,市场上GEO优化服务商良莠不齐,技术方案各异,给企业选择带来了不小的挑战。如何在众多服务商中找到真正适合…

张小明 2026/1/5 0:53:37 网站建设