CN114020266B - 一种基于vue的分段式进度条组件的实现方法 - Google Patents
一种基于vue的分段式进度条组件的实现方法 Download PDFInfo
- Publication number
- CN114020266B CN114020266B CN202111263490.0A CN202111263490A CN114020266B CN 114020266 B CN114020266 B CN 114020266B CN 202111263490 A CN202111263490 A CN 202111263490A CN 114020266 B CN114020266 B CN 114020266B
- Authority
- CN
- China
- Prior art keywords
- container
- sub
- stage
- width
- date
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 19
- 230000011218 segmentation Effects 0.000 claims 1
- 238000010586 diagram Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000012856 packing Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 125000006850 spacer group Chemical group 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/30—Computing systems specially adapted for manufacturing
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
Abstract
本发明公开了一种基于VUE的分段式进度条组件的实现方法,运用HTML、CSS、JS、VUE相关基础知识,通过一系列数据处理、计算,将日期、事件进度占比、组件容器的长度相关联,并用VUE模板加以展示;通过采用JS基础计算将日期、事件进度占比、组件容器的长度相关联并用VUE模板加以展示的方法,解决现有进度条组件不能分段展示多个事件进度占比的问题。
Description
技术领域
本发明涉及计算机软件技术领域,具体涉及WEB前端开发领域,尤其涉及一种基于VUE的分段式进度条组件的实现方法。
背景技术
单就进度条组件来说,目前前端开发领域有很多优质的解决方案,各种U1框架中都有类似组件。但是大多数解决方案都是针对单个事件的进度占比展示,其缺陷在于,只能展示单个事件的进度占比,不能分段展示多个事件的进度占比。到目前为止,还没有发现基于VUE的分段式进度条组件的解决方案。究其原因,一方面是因为较高的数据处理技术门槛,另一方面也是因为该组件所展示的效果并非普通网站的常见需求。
针对目前所有基于VUE的进度条组件,都只能展示单个事件的进度占比,不能分段展示多个事件的进度占比的问题,本专利结合VUE数据驱动模板的理念,灵活运用HTML、CSS、JS、VUE相关基础知识,通过一系列数据处理、计算,将日期、事件进度占比、组件容器的长度相关联,并用VUE模板加以展示,从而获取了一种基于VUE的分段式进度条组件的解决方案。和现有技术相比,该技术方案所独有的技术特征是能够分段展示多个事件的进度占比。
发明内容
本发明的目的就在于为了解决目前所有基于VUE的进度条组件都只能展示单个事件的进度占比,不能分段展示多个事件的进度占比的问题,提供一种基于VUE的分段式进度条组件的实现方法,本发明采用JS基础计算将日期、事件进度占比、组件容器的长度相关联并用VUE模板加以展示的方法,解决现有进度条组件不能分段展示多个事件进度占比的问题。
采用的技术方案是:结合VUE数据驱动模板的理念,灵活运用HTML、CSS、JS、VUE相关基础知识,通过一系列数据处理、计算,将日期、事件进度占比、组件容器的长度相关联,并用VUE模板加以展示,具体包括如下步骤:
一种基于VUE的分段式进度条组件的实现方法,包括以下步骤:
步骤101,在VUE模板中将组件容器分为三个子容器;
所述三个子容器,分别用于容纳阶段日期、阶段进度条、阶段名称,然后将原始数据处理为上述容器展示需要的数据,并将容器的宽度、日期、事件进度占比关联起来,最后分别在三个子容器中展示对应内容;
步骤102,通过容器的offsetWidth属性获取组件容器的宽度;
步骤103,将原始数据处理为步骤101中所述容器展示需要的数据,并步骤102中所述的容器组件的宽度和原始数据中的日期、时间进度占比联系起来;
步骤104,根据处理后的数据在101步骤所述子容器中绘制分段式进度条。
进一步方案为,所述步骤102中,所述获取容器组件的宽度的方法是用JS中的offsetWidth属性,获取到的宽度用于后续计算每一天表示的宽度。
进一步方案为,所述步骤103具体为:
所述原始数据的结构为数组,数组里面的子元素的数据结构为对象,所述对象里面包含阶段名称、阶段开始日期、阶段结束日期、进度占比四个必要属性;
定义新的数组,遍历原始数据,在遍历的过程中,通过上一个阶段的结束日期和当前阶段的开始日期计算相邻阶段间隔天数,若间隔天数大于0,则将间隔天数赋值给一个新的对象中的天数属性,在对象中设置空闲标识,并将所述对象放进所述新的数组中;通过阶段开始日期和结束日期计算阶段跨度天数,将跨度天数赋值给当前遍历对象中的天数属性,并将遍历对象放进所述新的数组中,遍历完成最终得到容器展示需要的数组;
通过所述原始数据的最后一个对象中的结束日期和第一个对象中的开始日期获取总的跨度天数,然后通过所述组件容器的宽度和总的跨度天数做除法获取到进度条每一天所表示的宽度。
进一步方案为,所述步骤104具体为:
所述三个子容器均设置为弹性布局且不能换行,分别用于容纳阶段日期、阶段进度条、阶段名称;
所述容纳阶段日期的容器中的内容为:遍历步骤103所述容器展示需要的数组,生成子容器I用于容纳两个子容器Ⅱ和Ⅲ,用于放置阶段开始时间201和结束时间202,相邻阶段的间隔期不需要。设置所述子容器I的宽度为所述每一天表示的宽度乘以当前遍历对象中的天数属性的值,弹性布局,所述子容器Ⅱ和Ⅲ分布于所述子容器Ⅰ的两端;
所述容纳阶段进度条的容器中的内容为:遍历步骤103所述容器展示需要的数组,生成子容器Ⅰ203,用于表示分段,宽度设置为所述每一天表示的宽度乘以当前遍历对象中的天数属性的值,高度设置为20px,并设置背景色,根据空白标识设置边框为虚线。所述子容器Ⅰ中容纳子容器Ⅱ203中黑色部分,宽度为所述每一天表示的宽度乘以当前遍历对象中的天数属性的值再乘以进度占比,设置区别于所述子容器Ⅰ的背景色;
所述容纳阶段名称的容器的内容为:遍历步骤103所述容器展示需要的数组,生成子容器,宽度设置为所述每一天表示的宽度乘以当前遍历对象中的天数属性的值,所述子容器中放置阶段名称206,居中显示。
进一步方案为,所述步骤101中,所述分别在三个子容器中展示对应内容,具体为:
所述三个子容器样式均设置为:width:100%,display:flex,flex-flow:rownowrap,justify-content:center,分别容纳阶段日期、阶段进度条、阶段名称。
进一步方案为,所述步骤101中,所述容纳阶段日期的容器中的内容为:遍历所述容器展示需要的数组,生成子容器用于容纳两个子容器,用于放置阶段开始时间和结束时间,相邻阶段的间隔期不需要。设置所述子容器宽度为所述每一天表示的宽度乘以当前遍历对象中的天数属性的值,样式为:display:flex,justify-content:space-between,work-break:break-all,align-items:flex-end,align-content:flex-end,flex-wrap:wrap;padding:3px。
本发明的有益效果在于:
对于使用该组件的开发者来讲,开箱即用,只需要在代码中引入并配置简单的参数就能实现分段式进度条功能,不需要再浪费大量工时去研究其底层原理。
对于用户来讲,能够更加直观的了解到多个事件的进度占比情况,视觉体验效果提升。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例或现有技术描述中所需要实用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例中一种基于VUE的分段式进度条组件的实现方法的一种流程示意图;
图2为本发明实施例中分为连续三段的进度条组件示意图;
图3为本发明实施例中分段之间有时间间隔的示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将对本发明的技术方案进行详细的描述。显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所得到的所有其它实施方式,都属于本发明所保护的范围。
在任一实施例中,结合图1,图2,本发明的一种基于VUE的分段式进度条组件的实现方法,分为如下步骤:
步骤101,在VUE模板中将组件容器分为三个子容器;
所述三个子容器分别用于后续绘制阶段日期、阶段进度条、阶段名称。
步骤102,获取容器组件的宽度;
所述获取容器组件的宽度的方法是用JS中的offsetWidth属性,获取到的宽度用于后续计算每一天表示的宽度。
步骤103,将原始数据处理为步骤101中所述容器展示需要的数据,并步骤102中所述的容器组件的宽度和原始数据中的日期、时间进度占比联系起来,具体为:
所述原始数据的结构为数组,数组里面的子元素的数据结构为对象,所述对象里面包含阶段名称、阶段开始日期、阶段结束日期、进度占比等四个必要属性。
定义新的数组,遍历原始数据,在遍历的过程中,通过上一个阶段的结束日期和当前阶段的开始日期计算相邻阶段间隔天数,若间隔天数大于0,则将间隔天数赋值给一个新的对象中的天数属性,在对象中设置空闲标识,并将所述对象放进所述新的数组中;通过阶段开始日期和结束日期计算阶段跨度天数,将跨度天数赋值给当前遍历对象中的天数属性,并将遍历对象放进所述新的数组中,遍历完成最终得到容器展示需要的数组。
通过所述原始数据的最后一个对象中的结束日期和第一个对象中的开始日期获取总的跨度天数,然后通过所述组件容器的宽度和总的跨度天数做除法获取到进度条每一天所表示的宽度。
步骤104,根据处理后的数据在101步骤所述子容器中绘制分段式进度条,具体为:
所述三个子容器均设置为弹性布局且不能换行,分别用于容纳阶段日期、阶段进度条、阶段名称。
所述容纳阶段日期的容器中的内容为:遍历步骤103所述容器展示需要的数组,生成子容器I用于容纳两个子容器Ⅱ和Ⅲ,用于放置阶段开始时间201和结束时间202,相邻阶段的间隔期不需要。设置所述子容器I的宽度为所述每一天表示的宽度乘以当前遍历对象中的天数属性的值,弹性布局,所述子容器Ⅱ和Ⅲ分布于所述子容器Ⅰ的两端。
所述容纳阶段进度条的容器中的内容为:遍历步骤103所述容器展示需要的数组,生成子容器Ⅰ203,用于表示分段,宽度设置为所述每一天表示的宽度乘以当前遍历对象中的天数属性的值,高度设置为20px,并设置背景色,根据空白标识设置边框为虚线。所述子容器Ⅰ中容纳子容器Ⅱ203中黑色部分,宽度为所述每一天表示的宽度乘以当前遍历对象中的天数属性的值再乘以进度占比,设置区别于所述子容器Ⅰ的背景色。
所述容纳阶段名称的容器的内容为:遍历步骤103所述容器展示需要的数组,生成子容器,宽度设置为所述每一天表示的宽度乘以当前遍历对象中的天数属性的值,所述子容器中放置阶段名称206,居中显示。
图2为本发明实施例中分为连续三段的进度条组件示意图,三个阶段的时间段分别为2021-08-01~2021-08-10、2021-08-11~2021-08-20、2021-08-21~2021-08-30,阶段占比分别为50%、75%、25%,阶段名称分别为“阶段一”、“阶段二”、“阶段三”。通过遍历原始数据计算得知每个阶段的跨度为10天,总共30天。通过JS的offsetWidth获取组件容器宽度W,则每一天表示的宽度为W/30,每个阶段的宽度为10*(W/30),即W/3。阶段一的进度条占比宽度为W/3*50%,即203黑色部分,阶段二的进度条占比宽度为W/3*75%,即204黑色部分,阶段三的进度条占比宽度为W/3*25%,即205黑色部分。
图3为为本发明实施例中分段之间有时间间隔的示意图。
如图3所示,该实施例中有两个不连续的阶段,两个阶段的时间段分别为2021-08-01~2021-08-10、2021-08-21~2021-08-30,阶段占比分别为50%、25%,阶段名称分别为“阶段一”、“阶段二”,阶段一和阶段二间隔10天。间隔部分用虚线边框区别304。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以所述权利要求的保护范围为准。另外需要说明的是,在上述具体实施方式中所描述的各个具体技术特征,在不矛盾的情况下,可以通过任何合适的方式进行组合,为了避免不必要的重复,本发明对各种可能的组合方式不再另行说明。此外,本发明的各种不同的实施方式之间也可以进行任意组合,只要其不违背本发明的思想,其同样应当视为本发明所公开的内容。
Claims (3)
1.一种基于VUE的分段式进度条组件的实现方法,其特征在于,包括以下步骤:
步骤101,在VUE模板中将组件容器分为三个子容器;
所述三个子容器,分别用于容纳阶段日期、阶段进度条、阶段名称,然后将原始数据处理为所述三个子容器展示需要的数据,并将容器的宽度、日期、事件进度占比关联起来,最后分别在三个子容器中展示对应内容;
步骤102,通过容器的offsetWidth属性获取组件容器的宽度;所述步骤102中,所述获取组件容器的宽度的方法是用JS中的offsetWidth属性,获取到的宽度用于后续计算每一天表示的宽度;
步骤103,将原始数据处理为步骤101中所述容器展示需要的数据,并步骤102中所述的组件容器的宽度和原始数据中的日期、时间进度占比联系起来;所述步骤103具体为:
所述原始数据的结构为数组,数组里面的子元素的数据结构为对象,所述对象里面包含阶段名称、阶段开始日期、阶段结束日期、进度占比四个必要属性;
定义新的数组,遍历原始数据,在遍历的过程中,通过上一个阶段的结束日期和当前阶段的开始日期计算相邻阶段间隔天数,若间隔天数大于0,则将间隔天数赋值给一个新的对象中的天数属性,在对象中设置空闲标识,并将所述对象放进所述新的数组中;通过阶段开始日期和结束日期计算阶段跨度天数,将跨度天数赋值给当前遍历对象中的天数属性,并将遍历对象放进所述新的数组中,遍历完成最终得到容器展示需要的数组;
通过所述原始数据的最后一个对象中的结束日期和第一个对象中的开始日期获取总的跨度天数,然后通过所述组件容器的宽度和总的跨度天数做除法获取到进度条每一天所表示的宽度;
步骤104,根据处理后的数据在101步骤所述子容器中绘制分段式进度条;所述步骤104具体为:
所述三个子容器均设置为弹性布局且不能换行,分别用于容纳阶段日期、阶段进度条、阶段名称;
所述容纳阶段日期的容器中的内容为:遍历步骤103所述容器展示需要的数组,生成子容器I用于容纳两个子容器Ⅱ和Ⅲ,用于放置阶段开始时间201和结束时间202,相邻阶段的间隔期不需要;设置所述子容器I的宽度为所述每一天表示的宽度乘以当前遍历对象中的天数属性的值,弹性布局,所述子容器Ⅱ和Ⅲ分布于所述子容器Ⅰ的两端;
所述容纳阶段进度条的容器中的内容为:遍历步骤103所述容器展示需要的数组,生成子容器Ⅰ203,用于表示分段,宽度设置为所述每一天表示的宽度乘以当前遍历对象中的天数属性的值,高度设置为20px,并设置背景色,根据空白标识设置边框为虚线;所述子容器Ⅰ中黑色部分,宽度为所述每一天表示的宽度乘以当前遍历对象中的天数属性的值再乘以进度占比,设置区别于所述子容器Ⅰ的背景色;
所述容纳阶段名称的容器的内容为:遍历步骤103所述容器展示需要的数组,生成子容器,宽度设置为所述每一天表示的宽度乘以当前遍历对象中的天数属性的值,所述子容器中放置阶段名称206,居中显示。
2.如权利要求1所述的一种基于VUE的分段式进度条组件的实现方法,其特征在于,所述步骤101中,所述分别在三个子容器中展示对应内容,具体为:
所述三个子容器样式均设置为:width:100%,display:flex,flex-flow:row nowrap,justify-content:center,分别容纳阶段日期、阶段进度条、阶段名称。
3.如权利要求1所述的一种基于VUE的分段式进度条组件的实现方法,其特征在于,所述步骤101中,所述容纳阶段日期的容器中的内容为:遍历所述容器展示需要的数组,生成子容器用于容纳两个子容器,用于放置阶段开始时间和结束时间,相邻阶段的间隔期不需要;设置所述子容器宽度为所述每一天表示的宽度乘以当前遍历对象中的天数属性的值,样式为:display:flex,justify-content:space-between,work-break:break-all,align-items:flex-end,align-content:flex-end,flex-wrap:wrap;padding:3px。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111263490.0A CN114020266B (zh) | 2021-10-28 | 2021-10-28 | 一种基于vue的分段式进度条组件的实现方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111263490.0A CN114020266B (zh) | 2021-10-28 | 2021-10-28 | 一种基于vue的分段式进度条组件的实现方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114020266A CN114020266A (zh) | 2022-02-08 |
CN114020266B true CN114020266B (zh) | 2024-04-12 |
Family
ID=80058362
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111263490.0A Active CN114020266B (zh) | 2021-10-28 | 2021-10-28 | 一种基于vue的分段式进度条组件的实现方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114020266B (zh) |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8589075B1 (en) * | 2011-10-19 | 2013-11-19 | Google Inc. | Method, system, and computer program product for visualizing trip progress |
CN107122188A (zh) * | 2017-04-26 | 2017-09-01 | 网易(杭州)网络有限公司 | 项目进度条图像生成的方法及装置 |
CN108399092A (zh) * | 2018-02-27 | 2018-08-14 | 北京酷我科技有限公司 | 一种分段进度条的生成方法 |
CN110519124A (zh) * | 2019-08-27 | 2019-11-29 | 卢一铭 | 一种快速识别虚拟业务使用进度的方法 |
CN110740188A (zh) * | 2019-10-25 | 2020-01-31 | 北京浪潮数据技术有限公司 | 镜像文件上传方法、装置、设备及计算机可读存储介质 |
CN111935529A (zh) * | 2020-07-13 | 2020-11-13 | 完美世界控股集团有限公司 | 教育类音视频资源的播放方法、设备及存储介质 |
CN112463875A (zh) * | 2020-11-27 | 2021-03-09 | 国网山东省电力公司建设公司 | 孪生数据可视化监测系统 |
CN113177098A (zh) * | 2021-04-23 | 2021-07-27 | 北京完美知识科技有限公司 | 一种地图数据的展示方法及装置 |
CN113535314A (zh) * | 2021-08-04 | 2021-10-22 | 亿览在线网络技术(北京)有限公司 | 一种基于节点的进度条呈现方法 |
-
2021
- 2021-10-28 CN CN202111263490.0A patent/CN114020266B/zh active Active
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8589075B1 (en) * | 2011-10-19 | 2013-11-19 | Google Inc. | Method, system, and computer program product for visualizing trip progress |
CN107122188A (zh) * | 2017-04-26 | 2017-09-01 | 网易(杭州)网络有限公司 | 项目进度条图像生成的方法及装置 |
CN108399092A (zh) * | 2018-02-27 | 2018-08-14 | 北京酷我科技有限公司 | 一种分段进度条的生成方法 |
CN110519124A (zh) * | 2019-08-27 | 2019-11-29 | 卢一铭 | 一种快速识别虚拟业务使用进度的方法 |
CN110740188A (zh) * | 2019-10-25 | 2020-01-31 | 北京浪潮数据技术有限公司 | 镜像文件上传方法、装置、设备及计算机可读存储介质 |
CN111935529A (zh) * | 2020-07-13 | 2020-11-13 | 完美世界控股集团有限公司 | 教育类音视频资源的播放方法、设备及存储介质 |
CN112463875A (zh) * | 2020-11-27 | 2021-03-09 | 国网山东省电力公司建设公司 | 孪生数据可视化监测系统 |
CN113177098A (zh) * | 2021-04-23 | 2021-07-27 | 北京完美知识科技有限公司 | 一种地图数据的展示方法及装置 |
CN113535314A (zh) * | 2021-08-04 | 2021-10-22 | 亿览在线网络技术(北京)有限公司 | 一种基于节点的进度条呈现方法 |
Non-Patent Citations (2)
Title |
---|
Color Effect on Subjective Perception of Progress Bar Speed;Kentaro Hamada;《2011 Third International Conference on Intelligent Networking and Collaborative Systems》;20120119;863-866 * |
交互式视频中进度条上不同类型线索点对学习的影响;王林;《中国优秀硕士学位论文全文数据库 社会科学Ⅱ辑》;20190115(第1期);H127-512 * |
Also Published As
Publication number | Publication date |
---|---|
CN114020266A (zh) | 2022-02-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107241227B (zh) | 一种网络数据报表的配置及生成方法 | |
US7714876B1 (en) | Method and system for creating visualizations | |
US5745110A (en) | Method and apparatus for arranging and displaying task schedule information in a calendar view format | |
Solt et al. | dotwhisker: Dot-and-whisker plots of regression results | |
US10169890B1 (en) | Animated transistions between graphs | |
CN107704444B (zh) | 多栏多列表格的展示方法 | |
CN103631865B (zh) | 网页生成方法及设备 | |
US20120303669A1 (en) | Data Context Selection in Business Analytics Reports | |
WO2003042864A3 (fr) | Interface graphique de portail web semantique | |
US10089120B2 (en) | Widgets in digital dashboards | |
WO2004063857A3 (en) | System and method for the visual display of data in an interactive zebra chart | |
US20090240611A1 (en) | Systems and methods for displaying a data modification timeline | |
CN103258015A (zh) | 一种基于xml动态生成问卷的方法 | |
US20140068485A1 (en) | Visualizing entries in a calendar using the third dimension | |
CN114020266B (zh) | 一种基于vue的分段式进度条组件的实现方法 | |
US8484554B2 (en) | Producing a chart | |
CN116301871A (zh) | 一种采用指标图例开发功能页面的方法及系统 | |
CN114003831B (zh) | 一种利用网页图形化展示项目进度的方法及系统 | |
JP5012877B2 (ja) | 電子計算機およびプログラム | |
US20170185273A1 (en) | Time Axis Responsiveness In Charts | |
EP3884399A1 (en) | A data filtering device | |
US20040205523A1 (en) | Control chart with single display | |
CN106033576A (zh) | 一种对象信息的展示方法和装置 | |
CN107168723A (zh) | 计划任务的实现方法及装置 | |
CN107705070B (zh) | Erp系统中的物料信息录入方法、装置、计算机设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |