返回首页

{S0}简介
有很多Flash动画图表,在软件行业。然而,{A1}是一个简单的,但功能强大的工具,以创造有吸引力的图表和图表从XML数据;快速响应功能要求,可点击图表可编辑链接和向下钻取图表可以显示另一个Flash文件内。Maani.Web图书馆
Maani.Web库有助于创建所需的XML数据。它是由一组接口和过滤器。过滤器定义的任何过滤器的数量,以提高外观或突出不同的图形元素。他们是斜角,模糊,发光和阴影。 XmlSerializerlt; TGT;类对象编码成XML序列化的泛型集合对象。
Maani.Web库还有助于复合材料和向下钻取图表来呈现XML数据。然而,可点击编辑链接和向下钻取图表图表需要anbsp; {A2}
演示应用程序有两个ASPX页面。一个是具体的设计页面和其他正在呈现动态XML XML数据源页。设计Default.aspx页下面的脚本嵌入到网页中的XML Flash图表。

if (AC_FL_RunContent == 0 || DetectFlashVer == 0) {

	alert("This page requires AC_RunActiveContent.js.");

} else {

	var hasRightVersion = DetectFlashVer(requiredMajorVersion, 

				requiredMinorVersion, requiredRevision);

	if(hasRightVersion) { 

		AC_FL_RunContent(

			'codebase', 



'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,45,0',

			'width', '700',

			'height', '480',

			'scale', 'noscale',

			'salign', 'TL',

			'bgcolor', '#ffffff',

			'wmode', 'opaque',

			'movie', 'charts',

			'src', 'charts',

			'FlashVars', 



'timeout=36000&library_path=charts_library&xml_source=

	ChartDataSource/SampleDataSource.aspx?unique_id=', 

			'id', 'my_chart',

			'name', 'my_chart',

			'menu', 'true',

			'allowFullScreen', 'true',

			'allowScriptAccess','sameDomain',

			'quality', 'high',

			'align', 'middle',

			'pluginspage', 'http://www.macromedia.com/go/getflashplayer',

			'play', 'true',

			'devicefont', 'false'

			); 

	} else { 

		var alternateContent = 'This content requires the Adobe Flash Player. '

		+ '<a href="%22%22%22http://www.macromedia.com/go/getflash/%22%22%22">Get Flash</a>.';

		document.write(alternateContent); 

	}

}	

SampleDataSource.aspx页面呈现XML数据。在此示例中,GroupResult类包含自定义数据和下面的脚本绑定到图表中的数据。
ApplyPredefinedFilters和ApplyPredefinedStyles方法适用于预先定义的过滤器和风格,样式和过滤器的代码隐藏文件中的任意位置,可以修改。
public static void ApplyPredefinedStyles(this Chart chart, bool randomize)

{

    // Show as randomize colors or not

    if(randomize) chart.FillColors.Randomize();

    

    // Set label attributes for the category-axis.

    chart.AxisCategory = new AxisCategory() { Alpha = 75, FontSize = 10, 

    	Orientation = Orientation.diagonal_up, Shadow = SHADOW_MEDIUM };

    

    // Set tick marks on the chart axis.

    chart.AxisTicks.ShowCategoryTicks = true;

    

    // Set label attributes for the value-axis.

    chart.AxisValue.Steps = 4;

    

    // Set background image

    chart.Background.ImageBackground.Add(new SizeableImageBackground() 

    	{ ImageUrl = "images/blue_bg_lg.png", Height = 320 });

    

    // Set background text images

    chart.Background.TextBackground.Add(new TextBackground() 

    	{ Shadow = SHADOW_MEDIUM, FontColor = "f8f8ff", 

    	Alpha = 90, Rotation = -90, FontSize = 40, X = 0, Y = 400, 

    	Width = 300, Height = 200, HorizontalAlignment = HorizontalAlignment.center });

    chart.Background.TextBackground.Add(new TextBackground() 

    	{ Shadow = SHADOW_LOW, FontColor = "000033", 

    	Alpha = 50, Rotation = -90, FontSize = 14, X = 15, Y = 330, 

    	Width = 300, Height = 50, HorizontalAlignment = HorizontalAlignment.center, 

    	VerticalAlignment= VerticalAlignment.middle });

    

    // Set chart's border attributes.

    chart.BorderThickness = new ChartBorder(0) 

    	{ BorderColor = "000000", BottomThickness = 1 };

    

    // Set preferences for some charts. 

    // Each chart type has different preferences, or no preferences at all.

    chart.Preference = new ChartPref() 

    	{ PointShape = PointShape.none, FillShape = true, LineThickness = 3 };

    

    // Set the look of the series graphs of bar and column chart types

    chart.Series = new ChartSeries() { BarGap = 2, SetGap = 50 };

    

    // Set attributes of the labels that appear over the graphs

    chart.Label = new ChartLabel() { FontSize = 10, Alpha = 90, 

    	FontColor = "6600CC", Positiion = LabelPosition.outside };

    

    // Set chart's rectangle

    chart.Rect = new ChartRect() { X = 90, Y = 110, Width = 600, Height = 250 };

    

    // Sets one or two guide lines to connect the 

    // cursor position with the axes and simplify reading their values. 

    chart.Guide = new ChartGuide() { ShowHorizontalGuide = true, 

    	ShowVerticalGuide = true, Thickness = 1, Alpha = 25, 

    	LineThickness = 2, LineAlpha = 50, Type = GuideLineType.dashed };

    

    // Set legend's attributes. The legend is the area that 

    // identifies the colors assigned to the graphs

    chart.Legend = new Legend() { Alpha = 95, FontSize = 11, 

    	FontBold = true, FontColor = "5f5f5f", 

    	Margin = 5, Width = 640, Height = 70, X = 50, Y = 20, 

    	Style = LayoutStyle.horizontal };

    

    // Set maani licence key

    chart.License = ConfigurationManager.AppSettings["MaaniLicense"]; 

}

如果需要,{A3}最新的XML / SWF图表,解压缩下载包,并将其放置在同一目录中的下列文件:charts.swfcharts_libraryAC_RunActiveContent.js截图{S1}
{S2}
{S3}历史2009年10月7日 - 初始版本

回答

评论会员:imranka 时间:2012/01/25
您好,

我有一个迫切要求。我想,以不同的颜色显示传说。至少,其中一人应在黄色。我们能做到maani图表吗?我没有找到任何传说中的ID或那种事。另外,我尝试使用阴影ID字符串,但没有工作。像这样:

放大器; LT; chartamp; GT 放大器; LT; axis_category阴影="低"的大小= '12'颜色= '000000'α= '50'方向="横向"/放大器; GT
放大器; LT; axis_ticks value_ticks ="假"category_ticks ='假'/放大器; GT
放大器; LT; axis_value阿尔法= '0'/ AMP; GT 放大器; LT; chart_border top_thickness = '0'bottom_thickness = '0'left_thickness = 0"right_thickness = '0'/放大器; GT;
放大器; LT; chart_dataamp; GT
放大器; LT; rowamp; GT
放大器; LT;空/放大器; GT;
放大器; LT; stringamp; GT;2007安培; LT / stringamp; GT
放大器; LT; stringamp; GT;2008安培; LT / stringamp; GT
放大器; LT; stringamp; GT;2009安培; LT / stringamp; GT
放大器; LT; / rowamp; GT
放大器; LT; rowamp; GT
放大器; LT;字符串阴影="s1'amp; GT;地区1安培; LT / stringamp; GT
放大器; LT; numberamp; GT;50安培; LT / numberamp; GT
放大器; LT; numberamp; GT;70安培; LT / numberamp; GT
放大器; LT; numberamp; GT;110安培; LT / numberamp; GT
放大器; LT; / rowamp; GT
放大器; LT; rowamp; GT
放大器; LT;字符串阴影="s2'amp; GT;地区2安培; LT / stringamp; GT
放大器; LT; numberamp; GT;25安培; LT / numberamp; GT
放大器; LT; numberamp; GT;50安培; LT / numberamp; GT
放大器; LT; numberamp; GT;90安培; LT / numberamp; GT
放大器; LT; / rowamp; GT
放大器; LT; / chart_dataamp; GT
放大器; LT; chart_grid_h厚度= '0'/ AMP; GT 放大器; LT; chart_pref rotation_x = '30'rotation_y = '40'min_x = '20'max_x min_y = '70'= '30'max_y = '80'/放大器; GT
LT放大器;; chart_rect X ='-10'Y = '20'宽= '480'高度= '240'positive_alpha = '0'negative_alpha = '25'/放大器; GT;
放大器; LT; chart_typeamp; GT 3D columnamp; LT / chart_typeamp; GT 放大器; LT; filteramp; GT
放大器; LT;影子ID ='S1'颜色='FF0000'/放大器; GT;
放大器; LT;影子ID ='S2'颜色='aaff88 / AMP; GT;
放大器; LT; / filteramp; GT;
放大器; LT; series_coloramp; GT
放大器; LT; coloramp; GT;666666安培; LT / coloramp; GT
放大器; LT; coloramp; GT; 768bb3amp; LT / coloramp; GT
放大器; LT; / series_coloramp; GT
放大器; LT系列bar_gap = '10'set_gap = '20'/放大器; GT; 放大器; LT; / chartamp; GT
你能善意帮助,非常迫切。

在此先感谢
评论会员:游客 时间:2012/01/25
|空军基地:我怎么能得出这样的使用UR代码LT;drawgt;LT;RECT过渡='解散'延迟='1'锥='BG'层='背景'X='0'Y='0'宽='500'高度='300'fill_color='92a99f"line_thickness='0'/GTLT;圈过渡='解散'延迟='0'shahow="低"层='背景'X='75'Y='225'半径='100'fill_alpha='0'line_color='4c5e6f"line_alpha='10'line_thickness='80'/GT;LT;圈过渡='解散'延迟='0'shahow="低"层='背景'X='75'Y='225'半径='200'fill_alpha='0'line_color='4c5e6f"line_alpha='8'line_thickness='60'/GT;LT;圈过渡='解散'延迟='0'shahow="低"层='背景'X='75'Y='225'半径='300'fill_alpha='0'line_color='4c5e6f"line_alpha='6'line_thickness='40'/GT;LT;RECT过渡='解散'延迟='3'阴影="HIGH2层="背景"X='600.5"Y='60'宽='300'高度='160'line_thickness='0'fill_color='92a99f"fill_alpha='100'/GTLT;RECT过渡='解散'延迟='1'层='背景'X='600.5"Y='160'宽='300'高度='60'line_thickness='1'fill_color='ffeeff"fill_alpha='50'/GT;LT;文本过渡='解散'延迟='1'颜色="FFFFFF"阿尔法='50'的大小='58'X='57'Y='210'宽='320'高度='300'的影子="high'gt;productionlt;/textgt;LT,图像过渡='解散'URL="charts.swfLIBRARY_PATH=charts_libraryamp;?xml_source=xml/Gallery_Preview_2.xml'/GT;LT/drawgt;
diiaoxx
评论会员:游客 时间:2012/01/25
"/Maani"应用程序中的服务器错误配置错误说明:在处理向该请求提供服务所需的配置文件发生错误。请检查下面的特定错误详细,并适当地修改配置文件。分析器错误信息:这是一个错误使用注册为allowDefinition='MachineToApplication'的应用程序级别之外的部分。此错误可以由一个虚拟目录在IIS应用程序配置不作为造成的。源错误:线路44:ASP.NET标识传入的用户。第45行:-GT;第46行:LT;身份验证模式"视窗"/GT;第47行:LT;!--{BR}第48行:LT;customErrorsgt节可以配置源文件:D:\Maani\maani.webui\web.config行:46版本信息:微软NETFramework版本:2.0.50727.3603;ASP.NET版本:2.0.50727.3082
Ravenet
评论会员:游客 时间:2012/01/25
喜我有一个问题,在您的文章,我如何联系?TNX欢呼声,赚钱,享受RRaveMCTS,MCPD的{A4}