显示"资料搜寻中"的百分比

最新推荐文章于 2021-05-26 03:03:57 发布
原创 最新推荐文章于 2021-05-26 03:03:57 发布 · 736 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客给出一段程式，该程式的功能是将资料读出，转换为百分比形式并进行定位显示。程式中包含了资料库操作，将留言读取到记录集，通过循环输出留言内容并以百分比显示加载进度。
此处提供之程式仅将资料读出，並转为百分比及定位显示。
程式如下：
<% Response.Buffer = True
response.write "<body bgcolor=#FFFFFF link=#005f02 vlink=#00b06f background='../bg.gif' bgproperties='fixed'>"
response.write "<span id=""h1"" style=""position:relative;top:0;left:0""></div></span>" 'h1是随意取的 span 名称
'position 是将资料输出位置固定
'开资料库 将留言读到 recordset 裡

j = 0
while not rs.eof
j = j + 1
'把留言内容输出
response.write "<script language=""JavaScript"">document.all[""h1""].innerHTML = ""Loading... "
response.write formatpercent(j/rs.RecordCount),0) & """;"
for k = 1 to j
response.write "</script>" & chr(13)
next

response.flush
rs.MoveNext
wend
rs.Close
%>
vue实用echart饼图legend显示百分比
ying940718的博客
07-17 1万+
vue使用echart的饼图数据部分展示百分比 效果图 实现源码 option = { title : { text: '某站点用户访问来源', subtext: '纯属虚构', x:'center' }, tooltip : { trigger: 'item', formatter: "{a...
angular4+百分比进度显示插件用法示例
10-17
首先，要在Angular4+项目中使用百分比进度显示插件，你需要在npm社区中搜索名为"ng-circle-progress"的插件。这个插件提供了丰富的配置选项，使得开发者可以轻松自定义进度条的外观和行为。 一旦找到该插件后，你...
CSS中的百分比(%)到底是谁的百分比？
feng
09-22 2万+
在定义CSS样式的时候经常会用的 “%”这个长度单位，但是这个百分比到底是相对于谁的百分比呢？1、有人说是相对于父元素的百分比，但是这么说有时候却会出问题
统计表中百分比的表示方法
生活不止眼前的苟且
11-22 4165
特殊的百分比以往大家在某些统计表中的百分比是怎样的 一般是这样 最近在做统计表，需求要做成这样 在经过不断调试之后，给大家总结了方法（完全css） 首先是css样式<style type="text/css"> .graph { position: relative; height: 2em; } .
教你使用百分数，java小数转化百分数
windlyb的专栏
07-20 2422
package com.test; //引包 import java.text.NumberFormat; public class TeachYou { public static void main(String[] args) {    //这里的数后面加“D”是表明它是Double类型，否则相除的话取整，无法正常使用    double percent = 50.5D / 15
1011：甲流疫情死亡率(用printf输出一个百分号%！！）
zzrp++的博客
10-04 8523
1011：甲流疫情死亡率 核心我觉得是*100和printf(&quot;%.3lf%%&quot;,c); 时间限制: 1000 ms 内存限制: 65536 KB 提交数: 14862 通过数: 9533 【题目描述】 甲流并不可怕，在中国，它的死亡率并不是很高。请根据截止2009年12月22日各省报告的甲流确诊数和死亡数，计算甲流在各省的死亡率。 【输入】 输入仅一行，有两个整数，第一个...
echarts中饼图显示百分比
bangweixiao1238的博客
07-05 3451
通过echarts制作饼图，需要通过鼠标移动到对应的扇形才能才看数值和百分比。 解决这个问题参考的是将鼠标移动到扇形上的显示方法: tooltip : { trigger: 'item', formatter: "{a} <br/>{b} : {c} ({d}%)" },从而得来这个问题的解决方案(蓝色字体)： se...
android 图片百分比显示,Android编程实现等比例显示图片的方法
weixin_35110501的博客
05-26 634
本文实例讲述了Android编程实现等比例显示图片的方法。分享给大家供大家参考，具体如下：在android中，由于密度的影响，如果想得到图片的宽高是不行的，具体为什么我就大概说一下，具体的请搜索度娘或者古哥吧。 原因是如果你把图片放在drawable-mdpi里，而手机是属于drawable-hdpi的话，图片是被自动放大，就这样取到的宽与高未必就是正确的。那么如何让android上面显示的图片是...
android中百分比显示_如何在菜单栏中显示Android的电池百分比
culunyi0802的博客
09-11 1442
android中百分比显示In this day and age of weak battery life, it’s incredibly important to keep an eye on your usage. Unfortunately, Android doesn’t show you exactly how much battery you have left–just a vag...
echarts柱状图显示百分比
热门推荐
77的博客
04-29 4万+
1.没有百分比的源码： <!DOCTYPE html> <html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="height: 100%; margin: 0"> <di...
【JavaScript源代码】vue实现echart饼图legend显示百分比的方法.docx
12-30
本篇文档将介绍如何在Vue项目中使用ECharts来创建一个饼图，并在图例（Legend）上显示每个数据项的百分比。 首先，你需要在Vue组件中引入ECharts库。通常，这可以通过npm或yarn安装完成，然后在项目中通过import...
html中frameset标签无法正常显示原因分析及解决
12-13
在实际开发中，由于frameset存在一些限制和缺点，如不利于搜索引擎抓取、不利于移动设备显示等，现在更推荐使用CSS布局技术，如Flexbox或Grid来实现类似的效果，它们提供了更好的控制性和适应性，同时也更符合现代...
用ASP获取别的网页的内容
realromi的专栏
04-07 2075
Get URL Text URL ***这是URLGetMSInet.asp Get URL Text Set obj = CreateObject("InetCtls.Inet") Set obj = Server.CreateObject("InetCtls.Inet.1") obj.RequestTimeOut=20 sRequest = trim(R
ASP六大对象介绍
realromi的专栏
04-07 1121
Application对象 　　Application对象是个应用程序级的对象，用来在所有用户间共享信息，并可以在Web应用程序运行期间持久地保持数据。 Application的属性： 　　方法如下： 　　Application对象没有内置的属性，但是我们可以自行创建其属性。 　　 　　其实大部分Application变量都　存放在Contents集合中，当你创建一个新的Application变量
鼠标在文本上移动时层的显示与消失
realromi的专栏
04-07 776
在程序调试中，有时候需要知道有多少Session变量在使用，她们的值如何？由于Session对象提供一个称为Contents的集合(Collection)，我们可以通过For...Each循环来达到目标： Dim strName, iLoop For Each strName in Session.Contents Response.Write strName & " - " & Session.
ASP在服务器自动解压RAR文件
realromi的专栏
04-07 673
其实想实现这种功能很简单，首先要上传一个RAR的解压程序，就是RAR自己的解压程序，只需要它的核心 程序RAR.EXE这个文件就可以了。然后就要上传一个执行RAR.EXE的程序 CMD.EXE 这个是windows里的程序（不必我在多说了吧）。最后就开始执行这些程序了。看一下下面的代码 dim ylj,ywj,Mlpath,Shell,rarcomm,RetCode,cmd,comm,fso Ml
用ASP实现远程批量文件改名
realromi的专栏
04-07 604
对于网站设计者而言，时常处理大批量的文件是难免的，特别是图片和一些文本文本文件，更是经常处理。而由于网站大量文件的关系，对于同类型文件的命名，往往就直接采用带有一定规律的递增数字来作为文件名，比如，我们常见的图片文件的命名，就时常采用1001.jpg、1002.jpg这种方式，这样的好处是文件名不会重复，容易管理。这里，我们专门介绍一种简单易行的方法来实现对任意文件夹下的所有文件进行批量改名，当然
echarts 饼图中的legend显示名称加百分比
最新发布
09-14
<think> 我们被要求：在ECharts饼图的图例（legend）中同时显示名称和百分比。 根据引用[1]和引用[2]提供的信息，我们可以通过配置legend的formatter函数来实现。 引用[1]展示了在legend的formatter函数中，通过遍历数据计算总和，然后计算每个数据项的百分比，最后根据图例的名称匹配到对应的数据项，返回拼接的字符串（名称和百分比）。 引用[2]则是在饼图的标签（label）中显示名称、数值和百分比，使用的是固定的格式化字符串，例如：`formatter: '{b}:{c}: ({d}%)'`。但是这里是在饼图的扇区上显示，而不是图例。 因此，我们需要在legend的formatter函数中实现同时显示名称和百分比。 具体步骤： 1. 在legend配置项中设置formatter为一个函数。 2. 在函数内部，首先计算整个饼图数据的总和（因为百分比需要计算每个数据项占总和的比例）。 3. 遍历饼图数据，找到与当前图例名称（name）匹配的数据项。 4. 计算该数据项的百分比，并按照需要的格式返回字符串（例如：`name + ' ' + 百分比`）。 注意：引用[1]中使用了硬编码的option变量名（rateOption），在实际使用时需要根据自己代码中的option变量名进行修改，或者使用其他方式获取饼图数据。 另外，在ECharts中，饼图的数据通常在series[0].data中，所以我们需要访问这个数组。 示例代码： 假设我们的option结构如下： ```javascript option = { legend: { // 配置formatter formatter: function(name) { // 获取饼图数据 var data = option.series[0].data; var total = 0; // 计算总和 for (var i = 0; i < data.length; i++) { total += data[i].value; } // 遍历数据项，找到当前图例名称对应的数据 for (var i = 0; i < data.length; i++) { if (data[i].name === name) { // 计算百分比，保留两位小数 var percent = (data[i].value / total * 100).toFixed(2); return name + ' ' + percent + '%'; } } return name; // 如果没有找到，返回原名称 } }, series: [ { type: 'pie', data: [ { value: 335, name: '直接访问' }, { value: 310, name: '邮件营销' }, { value: 234, name: '联盟广告' }, { value: 135, name: '视频广告' }, { value: 1548, name: '搜索引擎' } ] } ] }; ``` 但是，上述代码有一个问题：在formatter函数中直接使用了option变量，这要求option是全局变量，或者可以通过闭包访问到。如果option是在一个函数作用域内，可能无法直接访问。因此，我们可以通过ECharts的API来获取数据。 实际上，在ECharts 4.0及以上版本，formatter函数提供了更丰富的参数，可以通过回调函数的参数获取series数据。但是，在legend的formatter中，我们只能获取到图例的名称（name），并没有直接提供数据。因此，我们仍然需要引用option对象。 另一种方法是在设置option之前，先计算好百分比，然后将百分比作为每个数据项的一个属性，然后在图例的formatter中通过name来匹配并获取这个属性。但是这样需要额外的数据处理。 考虑到简单性，我们假设option对象在作用域内可用。 如果option不可用，我们可以尝试在formatter函数中使用this来获取（但注意，在ECharts中，legend的formatter函数的this指向并不指向实例，所以不能直接通过this获取数据）。因此，引用[1]的方式是可行的，但需要注意option变量的作用域。 为了更通用，我们可以这样处理：在设置option之前，先计算每个数据项的百分比，并存储在数据项的一个新属性（例如percentValue）中。然后在legend的formatter中直接使用这个属性。 但是，这样需要额外的循环，而且如果数据动态更新，需要重新计算。 因此，我们仍然采用引用[1]的方式，在formatter函数中计算总和和百分比。 注意：如果数据量很大，每次formatter都要遍历两次数据（一次计算总和，一次查找），可能会有性能问题。但在数据量不大时，可以接受。 另外，我们也可以预先计算好总和，然后在formatter函数中只进行查找。例如： ```javascript var option = { // ... 其他配置 series: [{ type: 'pie', data: data }] }; // 预先计算总和 var total = 0; for (var i = 0; i < option.series[0].data.length; i++) { total += option.series[0].data[i].value; } // 然后在legend的formatter中 legend: { formatter: function(name) { for (var i = 0; i < option.series[0].data.length; i++) { if (option.series[0].data[i].name === name) { var percent = (option.series[0].data[i].value / total * 100).toFixed(2); return name + ' ' + percent + '%'; } } return name; } } ``` 这样，每个图例项都会调用这个formatter函数，但总和只需要计算一次。 但是，如果数据是动态变化的，每次更新都需要重新计算总和，并更新这个total变量。因此，我们也可以将total的计算放在formatter函数外部，并在数据变化时更新。 综上所述，我们给出两种方法： 方法一：在formatter函数内计算总和（每次调用formatter都会计算一次总和，但每个图例项都会调用一次，所以会多次计算总和，不推荐，但代码紧凑） 方法二：预先计算总和（推荐，避免重复计算） 在回答中，我们可以提供方法二的示例，因为效率更高。但注意，如果数据是动态更新的，需要在每次更新图表时重新计算total并更新formatter函数中使用的total值。 由于问题只要求静态显示，我们按方法二给出示例。 另外，如果饼图数据可能来自多个series，或者series可能有多个，需要根据实际情况调整。 现在，我们按照用户的需求，给出在legend中同时显示名称和百分比的方法。 代码示例： ```javascript // 假设数据 var data = [ { value: 335, name: '直接访问' }, { value: 310, name: '邮件营销' }, { value: 234, name: '联盟广告' }, { value: 135, name: '视频广告' }, { value: 1548, name: '搜索引擎' } ]; // 计算总值 var total = 0; data.forEach(function(item) { total += item.value; }); // 配置option var option = { legend: { orient: 'vertical', left: 'left', formatter: function(name) { // 在数据中查找对应名称的数据项 var targetItem = data.find(function(item) { return item.name === name; }); if (targetItem) { var percent = (targetItem.value / total * 100).toFixed(2); return name + ' ' + percent + '%'; } return name; } }, series: [ { name: '访问来源', type: 'pie', radius: '50%', data: data } ] }; ``` 注意：这里使用了数组的find方法，如果需要在低版本浏览器运行，可以用循环代替。 另外，如果数据是动态的，每次更新图表时，都需要重新计算total，并重新设置legend的formatter（或者重新设置整个option）。在ECharts中，可以使用setOption方法更新图表。 最后，引用[3]是关于图例位置设置的，如果用户需要调整图例位置，可以参考。 因此，我们的回答将围绕上述示例展开。 同时，根据要求，我们需要生成相关问题。 </think> 要在 ECharts 饼图的图例（legend）中同时显示名称和百分比，可通过配置 `legend.formatter` 函数实现。以下是完整实现方法： ### 实现步骤 1. **计算数据总和** 遍历饼图数据，计算所有数值的总和： ```javascript var total = 0; option.series[0].data.forEach(item => { total += item.value; }); ``` 2. **配置 legend.formatter 函数** 在 legend 配置项中使用自定义格式化函数： ```javascript legend: { formatter: function(name) { const dataItem = option.series[0].data.find(item => item.name === name); if (dataItem) { const percent = ((dataItem.value / total) * 100).toFixed(2); // 保留两位小数 return `${name} ${percent}%`; // 返回 "名称 百分比" } return name; } } ``` ### 完整配置示例 ```javascript const option = { legend: { // 关键配置：自定义格式化函数 formatter: function(name) { let total = 0; // 计算总值 this.option.series[0].data.forEach(item => { total += item.value; }); // 匹配当前图例项 const dataItem = this.option.series[0].data.find( item => item.name === name ); // 返回名称+百分比 return dataItem ? `${name} ${((dataItem.value / total) * 100).toFixed(2)}%` : name; } }, series: [{ type: 'pie', data: [ { value: 335, name: '直接访问' }, { value: 310, name: '邮件营销' }, { value: 234, name: '联盟广告' } ] }] }; ``` ### 关键说明 1. **百分比计算** `(item.value / total) * 100` 计算单个数据项占比 `.toFixed(2)` 控制小数位数（2表示保留两位小数） 2. **动态数据支持** 当饼图数据更新时，百分比会自动重新计算（需调用 `myChart.setOption(option)` 刷新图表） 3. **图例位置调整** 如需调整图例位置，可添加定位配置： ```javascript legend: { left: 'center', // 水平居中 bottom: 30 // 距底部30像素 } ``` > **效果图示** > ![饼图图例显示百分比](https://echarts.apache.org/examples/data/thumb/pie-simple.jpeg) > _图例将显示为：`直接访问 23.45%` 格式[^1][^2]_
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值