1. var AlarmChart = null;
  2.  
  3. function alarmChartReBuild(totalNum, alarmNum) {
  4.  
  5. var alarmPart = (alarmNum * 100.0) / (totalNum * 1.0);
  6.  
  7. var isSliced = 1;
  8. if (alarmPart == 0) {
  9. isSliced = 0;
  10. }
  11.  
  12. var chartdata = alarmChartBuild(100 - alarmPart, alarmPart, isSliced);
  13.  
  14. AlarmChart.setChartData(chartdata, "json");
  15. }
  16.  
  17. function init_AlarmChart() {
  18. var chartdata = alarmChartBuild(100, 0, 0);
  19.  
  20. FusionCharts.ready(function() {
  21. AlarmChart = new FusionCharts({
  22. type: "doughnut3d",
  23. renderAt: "chart-container",
  24. width: "100%",
  25. height: "100%",
  26. dataFormat: "json",
  27. dataSource: chartdata
  28. });
  29. //AlarmChart.setTransparent();//背景透明 设置上这个
  30. AlarmChart.render();
  31. });
  32. }
  33.  
  34. function alarmChartBuild(normalPart, alarmPart, isSliced) {
  35.  
  36. return {
  37. "chart": {
  38. "caption": "综合运行率",
  39. "numberPrefix": "%",
  40. //"bgAlpha": "0,0",
  41. //"canvasBgAlpha": "0",
  42. "skipOverlapLabels": "0",
  43. "startingAngle": "15",
  44. "showLegend": "1",
  45. "defaultCenterLabel": "Total revenue: $64.08K",
  46. "centerLabel": "Revenue from $label: $value",
  47. "centerLabelBold": "1",
  48. "showTooltip": "0",
  49. "decimals": "0",
  50. "paletteColors": "#1aaf5d,#f45b00,#0075c2,#f2c500,#8e0000",
  51. "theme": "fusion"
  52. },
  53. "data": [{
  54. "label": "正常",
  55. "value": normalPart
  56. }, {
  57. "label": "异常",
  58. "isSliced": isSliced,
  59. "value": alarmPart
  60. }]
  61. };
  62.  
  63. }

两个好用的网址:

FusionCharts使用教程:Fusioncharts API参考方法(Functions)总结

https://www.ev我的get.com/article/2014/5/9/20959.html

FusionCharts的使用方法(超详细)

http://www.cnblogs.com/aspphp/p/6209286.html

FusionCharts 更新 chart data 数据的更多相关文章

  1. 自动更新开奖数据的excel文件,供大家下载

    自动更新开奖数据的excel文件,供大家下载 2010-03-14 20:22 228492人阅读打印来源:乐彩网 作者:eren 很多人拥有自制excel电子表格,常要更新最基本的开奖信息.如有多期 ...

  2. 同步Flex Chart的数据提示

    原文 http://www.riafan.com/sync-datatips-for-flex-chart/ 图表数据提示的同步不仅包含单个图表内多个系列的数据提示的同步,也包含多个图表的数据提示的同 ...

  3. 使用Amazon EMR和Apache Hudi在S3上插入,更新,删除数据

    将数据存储在Amazon S3中可带来很多好处,包括规模.可靠性.成本效率等方面.最重要的是,你可以利用Amazon EMR中的Apache Spark,Hive和Presto之类的开源工具来处理和分 ...

  4. vue学习-day05 -- 案例:名字合并(监听data数据的改变)

    1.案例:名字合并(监听data数据的改变) 使用keyup事件监听data数据的改变 <!DOCTYPE html> <html> <head> <titl ...

  5. oracle存储过程实现根据已有数据批量更新另一批数据

    declare CURSOR l_c IS select col1,col2 from table1; Begin FOR i IN l_c LOOP dbms_output.put_line(i.c ...

  6. LoadRunner参数更新方法和数据分配

    参数化的定义:使用指定的数据源中的值来替换脚本录制生成的语句中的参数. 对Vuser脚本进行参数化的好处: 1.减小脚本的大小 2.提供了使用不同的脚本的值执行脚本的能力 参数化涉及两个任务: 1.用 ...

  7. .Net中批量更新或添加数据

    方法一:使用SqlBulkCopy实现批量更新或添加数据. SqlBulkCopy类一般只能用来将数据批量插入打数据库中,如果数据表中设置了主键,出现重复数据的话会报错,如果没有设置主键,那么将会添加 ...

  8. ASP.NET网页动态添加、更新或删除数据行

    ASP.NET网页动态添加.更新或删除数据行 看过此篇<ASP.NET网页动态添加数据行> http://www.cnblogs.com/insus/p/3247935.html的网友,也 ...

  9. 基于libUSB的USB设备固件更新程序(下载数据)(转)

    源:基于libUSB的USB设备固件更新程序(下载数据) 本文紧接上一篇日志:基于libUSB-Win32的USB设备固件更新程序(前言),相关背景以及起因等,此处不再赘述,如感兴趣请移步. libU ...

随机推荐

  1. ArcGIS AO中控制图层中要素可见状态的总结

    一.DefinitionExpression 实现新建查询图层,查询结果要素为选中状态 该接口可以通过两种方法来控制要素的可见状态. 思路1 通过该接口的 DefinitionExpression 方 ...

  2. postgresql 删除旧的版本9.5 并同时 升级到9.6

    sudo apt-get purge postgresql-9.5 On Ubuntu 14.04 I have done this to get the latest postgres: sudo ...

  3. Solid Edge如何制作爆炸图

    1 最方便的方式是自动爆炸 点击应用程式-"爆炸-涂彩-动画"   选择要爆炸的对象(默认是顶层组立件),要爆炸的距离(默认系统根据零件大小自动生成距离,你也可以手动设定距离)即可 ...

  4. jQyery 整体架构

    jQuery的模块 一.jQuery一共有13个模块: 1. 核心方法 2. 回调模块(callbacks) 3. 数据缓存 4. 异步队列(Deffered) 5. 选择器操做 6. 属性操作 7. ...

  5. LeetCode 443. String Compression (压缩字符串)

    题目标签:String 这一题需要3个pointers: anchor:标记下一个需要存入的char read:找到下一个不同的char write:标记需要存入的位置 让 read指针 去找到下一个 ...

  6. phonegap运行原理

    用phonegap(现在名为cordova)来开发手机应用,给人的感觉,就是写了一些HTML5的网页,加上javascript,打包安装在手机上,然后就可以运行了,并且还能访问手机的各种功能和硬件,太 ...

  7. ios8--加载图片

    // // ViewController.m // 06-资源存放问题 #import "ViewController.h" /** 加载图片的方式: 1. imageNamed: ...

  8. 洛谷 P4149 [ IOI 2011 ] Race —— 点分治

    题目:https://www.luogu.org/problemnew/show/P4149 仍然是点分治: 不过因为是取 min ,所以不能用容斥,那么子树之间就必须分开算,记录桶时注意这个: 每次 ...

  9. JSP-Runoob:JSP 表达式语言

    ylbtech-JSP-Runoob:JSP 表达式语言 1.返回顶部 1. JSP 表达式语言 JSP表达式语言(EL)使得访问存储在JavaBean中的数据变得非常简单.JSP EL既可以用来创建 ...

  10. 特征变化--->标签到向量的转换(OneHotEncoder)

    一.One-Hot Encoding     One-Hot编码,又称为一位有效编码,主要是采用位状态寄存器来对个状态进行编码,每个状态都由他独立的寄存器位,并且在任意时候只有一位有效.     在实 ...