FusionCharts2D

Posted zealifree005

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了FusionCharts2D相关的知识，希望对你有一定的参考价值。

实现源码

[html]  view plain  copy  
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <%  
  3. String path = request.getContextPath();  
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  5. %>  
  6.   
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  8. <html>  
  9.   <head>  
  10.     <base href="<%=basePath%>">  
  11.       
  12.     <title>最新版FusionCharts2D面积图</title>  
  13.       
  14.     <meta http-equiv="pragma" content="no-cache">  
  15.     <meta http-equiv="cache-control" content="no-cache">  
  16.     <meta http-equiv="expires" content="0">      
  17.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
  18.     <meta http-equiv="description" content="This is my page">  
  19.     <script type="text/javascript" src="<%=basePath%>/js/jquery-2.2.3.js"></script>  
  20.     <script type="text/javascript" src="<%=basePath%>/js/fusioncharts/js/fusioncharts.js"></script>  
  21.     <script type="text/javascript" src="<%=basePath%>/js/fusioncharts/js/fusioncharts.charts.js"></script>  
  22.     <script type="text/javascript">  
  23.         FusionCharts.ready(function ()   
  24.             var salesChart = new FusionCharts(  
  25.                 type: 'area2d',  
  26.                 renderAt: 'area2D',  
  27.                 width: '1290',  
  28.                 height: '600',  
  29.                 dataFormat: 'json',  
  30.                 dataSource:   
  31.                     "chart":   
  32.                         "caption": "年度收入",  
  33.                         "subCaption": "",  
  34.                         "xAxisName": "季度",  
  35.                         "yAxisName": "收入",  
  36.                         "numberPrefix": "￥",  
  37.                         "paletteColors": "#1275c2",  
  38.                         "bgColor": "#CCCCCC",  
  39.                         "showBorder": "1",  
  40.                         "showCanvasBorder": "1",  
  41.                         "plotBorderAlpha": "10",  
  42.                         "usePlotGradientColor": "10",  
  43.                         "plotFillAlpha": "50",  
  44.                         "showXAxisLine": "1",  
  45.                         "axisLineAlpha": "25",  
  46.                         "divLineAlpha": "10",  
  47.                         "showValues": "1",  
  48.                         "showAlternateHGridColor": "0",  
  49.                         "captionFontSize": "14",  
  50.                         "subcaptionFontSize": "14",  
  51.                         "subcaptionFontBold": "0",  
  52.                         "toolTipColor": "#ffffff",  
  53.                         "toolTipBorderThickness": "1",  
  54.                         "toolTipBgColor": "#FF0000",  
  55.                         "toolTipBgAlpha": "60",  
  56.                         "toolTipBorderRadius": "5",  
  57.                         "toolTipPadding": "10",  
  58.                         "baseFont":"20"  
  59.                     ,  
  60.                       
  61.                     "data": [  
  62.                           
  63.                             "label": "第一季度",  
  64.                             "value": "59865"  
  65.                         ,   
  66.                           
  67.                             "label": "第二季度",  
  68.                             "value": "63254"  
  69.                         ,   
  70.                           
  71.                             "label": "第三季度",  
  72.                             "value": "34256"  
  73.                         ,   
  74.                           
  75.                             "label": "第四季度",  
  76.                             "value": "89562"  
  77.                           
  78.                     ]  
  79.                   
  80.             ).render();  
  81.         );  
  82.     </script>  
  83.   </head>  
  84.     
  85.   <body>  
  86.     <div id="area2D"></div>  
  87.   </body>  
  88. </html>  

以上是关于FusionCharts2D的主要内容，如果未能解决你的问题，请参考以下文章

FusionCharts2D

最新版FusionCharts2D面积图

获取当前季度前N季度判断时间是否超出该季度

获取当前季度前N季度判断时间是否超出该季度

获取当前季度前N季度判断时间是否超出该季度

MySQL查询第n季度没有，n-1季度有的数据？