fusioncharts同一页面显示2个仪表盘,且以java字符串作为xml数据

为什么80%的码农都做不了架构师?>>>   hot3.png

fusioncharts同一页面显示2个仪表盘,且以java字符串作为xml数据

<%@ page contentType="text/html; charset=UTF-8" %>
<%String path = request.getContextPath();
%>
<%String xml = "<chart manageResize=\"1\" origW=\"350\" origH=\"200\"  palette=\"2\" bgAlpha=\"0\" bgColor=\"FFFFFF\" lowerLimit=\"0\" upperLimit=\"100\" numberSuffix=\"%\" showBorder=\"0\" basefontColor=\"000000\" chartTopMargin=\"5\" chartBottomMargin=\"5\"  caption=\"设备运行状态实时监控\" subCaption=\"xxxxd\" toolTipBgColor=\"009999\" gaugeFillMix=\"{dark-10},{light-70},{dark-10}\" gaugeFillRatio=\"3\" pivotRadius=\"8\" gaugeOuterRadius=\"120\" gaugeInnerRadius=\"70%\"  gaugeOriginX=\"175\" gaugeOriginY=\"170\" trendValueDistance=\"5\" tickValueDistance=\"3\" manageValueOverlapping=\"1\" autoAlignTickValues=\"1\">   <colorRange>      <color minValue=\"0\" maxValue=\"45\" code=\"FF654F\"/>      <color minValue=\"45\" maxValue=\"80\" code=\"F6BD0F\"/>      <color minValue=\"80\" maxValue=\"100\" code=\"8BBA00\"/>   </colorRange>   <dials>      <dial value=\"72\" rearExtension=\"10\" baseWidth=\"10\"/>   </dials>   <trendpoints>      <point startValue=\"62\" displayValue=\"平均值\" useMarker=\"1\" markerRadius=\"8\" dashed=\"1\" dashLen=\"2\" dashGap=\"2\"  />   </trendpoints>   <annotations>      <annotationGroup id=\"Grp1\" showBelow=\"1\" showShadow=\"1\">         <annotation type=\"rectangle\" x=\"$chartStartX+5\" y=\"$chartStartY+5\" toX=\"$chartEndX-5\" toY=\"$chartEndY-5\" radius=\"10\" fillColor=\"009999,333333\" showBorder=\"0\" />      </annotationGroup>   </annotations>   <styles>      <definition>         <style name=\"RectShadow\" type=\"shadow\" strength=\"3\"/>		 <style name=\"trendvaluefont\" type=\"font\" bold=\"1\" borderColor=\"#00cccc\"/>      </definition>      <application>         <apply toObject=\"Grp1\" styles=\"RectShadow\" />		 <apply toObject=\"Trendvalues\" styles=\"trendvaluefont\" />      </application>   </styles></chart>";
%>
<HTML>
<HEAD>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<TITLE>FusionCharts - Multiple Charts on one Page</TITLE>
<SCRIPT LANGUAGE="Javascript" SRC="<%=path%>/frameworks/FusionCharts/FusionCharts.js"></SCRIPT>
<script type="text/javascript">
var contextpath = "<%=path%>";
var xml = '<%=xml%>';
</script>
<style type="text/css">body {font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
</style>
</HEAD>
<BODY>
<div id="chartdiv1" align="center" class="text">
<script type="text/javascript">var myChart1 = new FusionCharts(contextpath+"/frameworks/FusionCharts/AngularGauge.swf", "myChartId1", "330", "300", "0", "0");myChart1.setDataXML(xml);myChart1.render("chartdiv1"); 
</script>
<div id="chartdiv2" align="center" class="text">
<script type="text/javascript">var myChart2 = new FusionCharts(contextpath+"/frameworks/FusionCharts/AngularGauge.swf", "myChartId2", "330", "300", "0", "0");myChart2.setDataXML(xml);myChart2.render("chartdiv2"); 
</script>
</BODY>
</HTML>

转载于:https://my.oschina.net/webas/blog/110622

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/301679.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

读书 | 一切红利最终都是趋势红利

【读书总结】| 总结/Edison Zhou在去年年底就读完了刘润老师2016年出版的《趋势红利》&#xff0c;一直没有来得及做笔记整理&#xff0c;于是&#xff0c;这就来了。1所有红利最终都是趋势红利中国的企业近年来所处的环境正在发生系统性巨变&#xff0c;企业想要成功应变&…

好强大的仿生机械,这才是真正的黑科技!

全世界只有3.14 % 的人关注了数据与算法之美仿生机械就是模仿生物的形态、结构和控制原理设计制造出的功能更集中、效率更高并具有生物特征的机械。研究仿生机械的学科称为仿生机械学&#xff0c;它是20世纪60年代末期由生物学、生物力学、医学、机械工程、控制论和电子技术等学…

windows phone 8 的新特性

2019独角兽企业重金招聘Python工程师标准>>> windows phone 8 是微软windows phone系列操作系统的一次重大升级&#xff0c;在原有的基础上添加了许多新的特性。总体看来主要八中新的特性。&#xff08;Windows phone8 缩写WP8&#xff09; <1>硬件的升级 W…

oracle 数字处理函数,Oracle函数-单行函数-数字、日期、日期处理函数

函数的分类单行函数&#xff1a;一个input对应一个output&#xff0c;input和output存在一一对应的关系 如lower组函数&#xff1a;多个input&#xff0c;但是只对应一个output。如 sum()单行函数特点&#xff1a;每行返回一个结果&#xff0c;输入输出存在一一对应的关系能嵌套…

WPF 修改(优化)Menu菜单的样式

Menu菜单&#xff0c;在软件中使用率很高的一个控件。包含具有层级关系的一个或多个MenuItem作为子菜单。今天就来分享一个定义的菜单样式。看一下效果图&#xff1a;下面就来看看代码&#xff1a;本次代码&#xff0c;全部都在MainWindow.xaml内&#xff1a;<Window x:Clas…

世上最牛博士论文是这样的!

全世界只有3.14 % 的人关注了数据与算法之美第五牛博士论文就是在还没答辩之前已经发表在最好的期刊上&#xff0c;而且鉴于论文很长&#xff0c;该期刊必须像小说一样连载。实例&#xff1a;张五常博士论文《佃农理论》&#xff0c;当年在《法和经济学杂志》上连载四期。第四牛…

grep和egrep的一些简单用法

首先介绍grep的一些常见用法&#xff1a; grep&#xff1a;根据模式搜索文本&#xff0c;并将符合模式的文本行显示出来。 其基本格式为&#xff1a;grep [options] PATTERN [FILE...] 即&#xff1a;grep [选项] 匹配模式 [文件...]&#xff1b;其中&#xff0c;中括号表示该选…

WPF显示富文本emoji表情+文本(类似微信)

祝大家端午节安康&#xff01;WPF开发者QQ群&#xff1a; 340500857 前言 有小伙伴需要实现类似微信一样的气泡聊天emoji表情文本。欢迎转发、分享、点赞&#xff0c;谢谢大家~。 效果预览&#xff08;更多效果请下载源码体验&#xff09;&#xff1a;一、EmojiAndTextControl…

要孩子逻辑清晰、善于思考,别忽视空间想象力的游戏锻炼!

▲数据汪特别推荐点击上图进入玩酷屋在之前的文章时&#xff0c;马斯提到数学存在一种现象叫“梯次掉队”&#xff0c;原因在于孩子的数学思维地基没有打牢。&#xff08;传送门&#xff09;提到初中孩子需要空间想象能力时&#xff0c;很多父母疑惑为何需要&#xff1f;关于这…

公摊面积取消闹乌龙,历史学家李学勤逝世,微软员工抗议国防大单,前摩拜CEO后花68万上学,这就是今天的大新闻。...

今天是2月25日农历正月廿一今天星期一大家看起来都好像很兴奋下面是今天的大新闻“公摊面积”要取消? 央视&#xff1a;这是错误理解(今日头条)近日有关“公摊面积”的新闻被刷屏。那么&#xff0c;这是否意味着&#xff0c;住宅交易面积将从建筑面积变为套内面积&#xff1f;…

快手春节活动奖励未到账,被羊毛党投诉上了全国12315平台

全世界只有3.14 % 的人关注了数据与算法之美在这个获客成本越来越高的互联网时代下&#xff0c;通过现金激励的方式来拉新已经成为众多中国互联网公司的惯用手法了。今年春节&#xff0c;短视频公司快手就推出了“上快手&#xff0c;分6亿现金”的红包活动。在活动期间&#xf…

通过脚本案例学习shell(二) --- 通过线性显示/etc/passwd内容了解while read用法

通过脚本案例学习shell&#xff08;二&#xff09;--- 通过线性显示/etc/passwd内容了解while read用法 版权声明&#xff1a; 本文遵循“署名非商业性使用相同方式共享 2.5 中国大陆”协议您可以自由复制、发行、展览、表演、放映、广播或通过信息网络传播本作品您可以根据本…

上几个WebAPI就算微服务架构?Too Young!

毋庸置疑&#xff0c;当下是微服务云原生的时代&#xff0c;这是最坏的时代&#xff0c;也是最好的时代&#xff01;机遇和挑战并行&#xff0c;技术人之间的差距在逐渐拉到&#xff01;两极分化严重早在2015年&#xff0c;微服务就已经被诸多大企业认可和推行&#xff0c;被称…

雨雪出行伴侣,优质PVC时尚鞋套,防滑/防水更耐磨

▲数据汪特别推荐点击上图进入玩酷屋随着消费升级越来越多的人愿意购买价格不菲的鞋款大街小巷里涌现出越来越多的Sneakerhead&#xff08;俗称&#xff1a;鞋子发烧友&#xff09;就比如小木每次刚入手一双新鞋就高高兴兴穿出门然而终究免不了碰上“新鞋魔咒”再怎么小心都会被…

又到618,.NET 千万级秒杀架构到底有多牛

年年618&#xff0c;次次高并发。其实这不仅仅是对618下各大电商平台的考验&#xff0c;更是如今每一个互联网应用上线后&#xff0c;会遇到的一个严峻的考验&#xff0c;渡得过 965&#xff0c;渡不过 996。在这个极速膨胀的互联网世界里&#xff0c; .NET 5 正是为了应对与解…

灯泡里的钨丝是怎么放进去的,这个视频解开我20多年的疑惑!

全世界只有3.14 % 的人关注了数据与算法之美白炽灯渐渐从我们的视线里消失了&#xff0c;不得不说这个一个伟大的发明&#xff0c;试想一下要是没有灯&#xff0c;只点蜡烛会有多少人抓狂&#xff0c;那么你知道灯泡里的钨丝是怎么放进去的吗&#xff0c;这个视频给你答案。灯泡…

渤海发现大油田,证券会提示风险,微博回应流量造假,刘国梁制定史上最严奖惩体系,这就是今天的大新闻。...

今天是2月26日农历正月廿二今天星期二有点小忙下面是今天的大新闻渤海发现可供百万人用百年的大油田&#xff08;中化新网&#xff09;中国海油昨天(25日)对外宣布&#xff0c;位于我国渤海海域的渤中19-6气田&#xff0c;测试获得优质高产油气流&#xff0c;确定天然气探明地质…

SQLite.NET (32位) 在64位环境中无法正常调试

解决方法&#xff1a; 1、更换64的DLL 2、在Vs开发环境中&#xff0c;在项目属性里按下图操作&#xff0c;更改目标平台为 x86。 转载于:https://www.cnblogs.com/08shiyan/archive/2013/03/15/2961096.html

华为交换机linux版本号,Cisco和华为交换机常用配置命令总结

Cisco和华为交换机常用配置命令总结一、调试命令思科&#xff1a;Switch#show run 显示所有配置命令Switch#show ip inter brief 显示所有接口状态Switch#show vlan brief 显示所有VLAN的信息Switch#show version 显示版本信息华为&#xff1a;[Quidway]dis cur 显示…

WPF实现消息中心

↑↑↑点击上方蓝字关注我一、概要本文将讲解基于WPF实现一个消息中心的功能&#xff0c;比如常见的软件当中会经常收到服务端推送的“新闻”、“公告”等消息。这个时候就需要对这个需求进行分析了。功能分析如下&#xff1a;•消息内容显示。•消息管理增、删、批量删除。•消…