pillarstat.htc

HTC,demo WEB用于。 超大型

<!--///////////////////////////////////////////////////////////////////////
    // 标题：pillarStat组件 
    // 说明：三维柱状统计图
    //		 用来处理对比一组数据的走势，例如某一地区本年度相对于上一年度
    //		 各种传染病的发病人数分析
    //		 与pillarCompare组件不同之处在于该组件只接受正数	
    // 时间：2004-10-29 
    ///////////////////////////////////////////////////////////////////////-->

<public:component name="pillarStat" urn="pillarStat">
<public:property name="xmlSource" put="putXMLSource"/>

<public:property name="top"  put="putTop" get="getTop"/>
<public:property name="left" put="putLeft" get="getLeft"/>
<public:property name="width" put="putWidth" get="getWidth"/>
<public:property name="height" put="putHeight" get="getHeight"/>

<public:property name="hasBorder" put="putHasBorder"/>
<public:property name="hasLegend" put="putHasLegend" />
<public:property name="hasXText" put="putHasXText" />
<public:property name="borderColor" put="putBorderColor"/>
<public:property name="borderWeight" put="putBorderWeight"/>
<public:property name="backColor" put="putBackColor"/>
<public:property name="yScaleIsInteger" put="putYScaleIsInteger"/>

<public:property name="caption" put="putCaption"/>
<public:property name="tagID" put="putTagID"/>
<public:property name="psOrientation" put="putPsOrientation"/>
<public:property name="psStyle" put="putPsStyle"/>
<public:property name="xTextSlant" put="putXTextSlant"/>

<public:property name="extrusionColor" put="putExtrusionColor"/>
<public:property name="extrusionDepth" put="putExtrusionDepth"/>
<public:property name="extrusionSingleColor" put="putExtrusionSingleColor"/>

<public:property name="extendCoordinateBaseColor" put="putExtendCoordinateBaseColor"/>
<public:property name="extendCoordinateBackColor" put="putExtendCoordinateBackColor"/>
<public:property name="extendCoordinateLineColor" put="putExtendCoordinateLineColor"/>

<public:method name="refreshData" />
<public:method name="createVMLForWord" />

<public:property name="init" put="initialize"/>

<!--组件封装 language:javascript-->

<script language="JavaScript">

<!--
var objXMLDoc;
var objContainerDiv = null;//容器
var objInfoSpan = null;
var objContextMenuContainersDiv;

var patientTotal = 0;//发病总人数
var maxPatientNum = 0;//最大发病数

var booleanSlant = false;//x轴刻度是否倾斜(默认水平)

var vLeft = 0;;
var vTop = 0;;
var vWidth = 260;
var vHeight = 260;

var booleanHasBorder = true;//是否有边框
var booleanHasLegend = true;//是否有图例
var booleanHasXText = true;//是否有x轴刻度值
var booleanYScaleIsInteger = true;//y轴刻度是否为整数(默认为true)
var vBorderColor = "#000000";//边框颜色
var vBorderWeight = 1;//边框像素
var vBackColor = "#ffffff";//柱状图背景色

var vCaption = "";
var vTagID = "";
var vPsOrientation = "plumb";//统计图方向(默认垂直)
var vPsStyle = "1";//1-直方图  2-圆柱图

var booleanSingleExtrusionColor = false;
var vExtrusionColor = "#000000";//柱状图填充色
var vExtrusiondepth = 10;//柱状图深度
var vExtendCoordinateBaseColor = "#cccccc";//扩展坐标系基底色
var vExtendCoordinateBackColor = "#dddddd";//扩展坐标系背景色
var vExtendCoordinateLineColor = "#dddddd";//扩展坐标系坐标线颜色

//预置15种颜色作为柱图的分类填充色
var objPillarColorArray = new Array('#CC0000','#66CC00','#990033','#009900','#006699','#006633','#33FFCC','#99CC66','#66FF66','#333366','#FF6699','blue','#FFCC00','#CCFFFF','#000000','#009999','#0066CC','#6699FF','#3300CC','#336600','#CCCC99','#996699','#9933FF','#CCCCCC','#CC3333','#33CCCC','#FF6699','#FFFF00','#66FF00','#000099','#CC9999','#666600','#CCCC33','#FFFFCC','#FF6600','#336666');

//////////////////////////////////////////////////////////////////
function initialize(){//组件初始化操作
	objContainerDiv = element.document.createElement("<div class='phms_ps_containerDiv'/>");
	objContainerDiv = element.appendChild(objContainerDiv);
	objContainerDiv.style.visibility = "visible";
	objContainerDiv.oncontextmenu = processContextMenuEvent;
	
	objInfoSpan = element.document.createElement("<span class='phms_ps_errorInfoSpan'>");
	objInfoSpan = element.appendChild(objInfoSpan);
	objInfoSpan.style.visibility = "hidden";
	///////////////////////////////////////////////////
	objContextMenuContainersDiv = element.document.createElement("<div style='position:absolute;background:#cccccc;border:outset 2px;z-index:1;'>");
	objContextMenuContainersDiv.onblur = function(){this.style.visibility="hidden";};
	var objMenuItem = element.document.createElement("<span style='position:absolute;width:125;height:17;padding-top:3;padding-left:3;top:2;font-size:9pt;'>");
	objMenuItem.innerText = "导出统计图到office";
	objMenuItem.onfocus = transVMLtoOfficeDocument;
	objMenuItem = objContextMenuContainersDiv.appendChild(objMenuItem);
	objMenuItem.onmouseover = function(){this.style.background = "#000080";this.style.color = "#ffffff";};
	objMenuItem.onmouseout = function(){this.style.background = "#cccccc";this.style.color = "#000000";};
	objContextMenuContainersDiv = element.appendChild(objContextMenuContainersDiv);
	objContextMenuContainersDiv.style.visibility = "hidden";
	///////////////////////////////
	refresh();	
	refreshData();
}

/*
 * 该方法可以将VML数据发送到服务端
 *
 */

function transVMLtoOfficeDocument(){
	/////////此处添加发送vml导出请求数据到服务器/////////////////////
	alert();
	/////////////////////////////////////////////////
}


function processContextMenuEvent(){
	event.returnValue = false;
	with(objContextMenuContainersDiv.style){
		left = event.x - vLeft;
		top = event.y - vTop;