最新版FusionCharts2D面积图

1、实现源码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><base href="<%=basePath%>"><title>最新版FusionCharts2D面积图</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0">    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><script type="text/javascript" src="<%=basePath%>/js/jquery-2.2.3.js"></script><script type="text/javascript" src="<%=basePath%>/js/fusioncharts/js/fusioncharts.js"></script><script type="text/javascript" src="<%=basePath%>/js/fusioncharts/js/fusioncharts.charts.js"></script><script type="text/javascript">FusionCharts.ready(function () {var salesChart = new FusionCharts({type: 'area2d',renderAt: 'area2D',width: '1290',height: '600',dataFormat: 'json',dataSource: {"chart": {"caption": "年度收入","subCaption": "","xAxisName": "季度","yAxisName": "收入","numberPrefix": "￥","paletteColors": "#1275c2","bgColor": "#CCCCCC","showBorder": "1","showCanvasBorder": "1","plotBorderAlpha": "10","usePlotGradientColor": "10","plotFillAlpha": "50","showXAxisLine": "1","axisLineAlpha": "25","divLineAlpha": "10","showValues": "1","showAlternateHGridColor": "0","captionFontSize": "14","subcaptionFontSize": "14","subcaptionFontBold": "0","toolTipColor": "#ffffff","toolTipBorderThickness": "1","toolTipBgColor": "#FF0000","toolTipBgAlpha": "60","toolTipBorderRadius": "5","toolTipPadding": "10","baseFont":"20"},"data": [{"label": "第一季度","value": "59865"}, {"label": "第二季度","value": "63254"}, {"label": "第三季度","value": "34256"}, {"label": "第四季度","value": "89562"}]}}).render();});</script></head><body><div id="area2D"></div></body>
</html>

2、实现结果

最新版FusionCharts2D面积图相关推荐

excel可视化图表插件_Excel新版图表插件EasyShu: 新型面积图
历时365天,[Excel催化剂]与[EasyShu]联手升级的Excel图表插件EasyCharts 2.0版本-EasyShu,即将面世.接下来我们会陆陆续续介绍插件的各种功能,同时内测,等内测结 ...
在线作图|2分钟画一张堆叠面积图
Question 1:什么是堆叠面积图? 堆叠面积图属于面积图的一种,显示每个数值所占大小随时间或类别变化的趋势线,可强调某个类别交于系列轴上的数值的趋势线.每一个变量的起点不同,依次在前一个变量的数 ...
R语言绘制堆叠面积图
areaplot包绘制堆叠面积图 library(areaplot) #数据 df <- longley x <- df$Year y <- df[, c(1, 2, 3, 4, 6 ...
Python使用matplotlib可视化面积图（Area Chart）、通过给坐标轴和曲线之间的区域着色可视化面积图、在面积图的指定区域添加箭头和数值标签
Python使用matplotlib可视化面积图(Area Chart).通过给坐标轴和曲线之间的区域着色可视化面积图.在面积图的指定区域添加箭头和数值标签目录
Python使用matplotlib可视化时间序列堆叠的面积图、堆叠面积图给出了多个时间序列的贡献程度的可视化表示，以便于相互比较（Stacked Area Chart）
Python使用matplotlib可视化时间序列堆叠的面积图.堆叠面积图给出了多个时间序列的贡献程度的可视化表示,以便于相互比较(Stacked Area Chart) 目录
R语言可视化面积图（area chart）移除轴标签与实际图形之间的空白区域实战：默认的面积图、移除轴标签与实际图形之间的空白区域
R语言可视化面积图(area chart)移除轴标签与实际图形之间的空白区域实战:默认的面积图.移除轴标签与实际图形之间的空白区域目录
R绘制面积图（area plot）
R绘制面积图(area plot) 面积图面积图与折线图.柱形图.散点图一样,都是属于常用的商务图表.面积图是一种随时间变化而改变范围的图表,主要强调数量与时间的关系.例如,用某企业每个月销售额绘制 ...
matlab 条形图与面积图
条形图与面积图 clc,clear; close all; Y=[45 6 8;7 4 7;6 25 4;7 5 8;9 9 4;2 6 8]; subplot(2,2,1) bar(Y) title ...
Python dataframe绘制饼图_【python可视化】：matplotlib:常见图表绘制——面积图、填图、饼图...
•本文字数:约620字•阅读时长:约2分钟•难度:1颗星斑点鱼将Matplotlib分为五部分: 图表窗口设置.图表基本元素及图表输出.图表样式参数.子图创建.常见图表绘制本文讲第五部分:matp ...

最新版FusionCharts2D面积图

最新版FusionCharts2D面积图相关推荐

最新文章

热门文章