OFC2改造版（修复Y轴中文问题等）

OFC2是很好用的Flash图形库，其中包括的曲线：line,bar(3d,glass等），area，雷达图等，可以利用开源的FlashDevelop编译运行，但在中文支持方面却存在几个问题，比如Y轴无法显示中文等，解决的思路有两个：

1. 将中文字符如simsun.ttc加入到Flash工程中，编译进Flash文件，这样就会存在一个问题，由于字体库足有10M，所以编译后的Flash文件将会变得非常庞大，足有10M左右，故弃之。
2. 另一解决思路是将Y轴显示的旋转功能去掉，这样就可以显示中文了，而且编译后的Flash文件将会维持在200K左右，而且用户体验方面也都比较OK，所以本文采用这个解决思路

修改源码YLegendBase.as文件中的build函数，修改完后如下：

 

 

		private function build( text:String ): void {
			
			var title:TextField = new TextField();
            title.x = 0;
			title.y = 0;
			
			this.text = text;
			
			title.htmlText = this.text;
			
			var fmt:TextFormat = new TextFormat();
			fmt.color = this.css.color;

			fmt.font = this.css.font_family?this.css.font_family:'Verdana';
			
			if (fmt.font == "spArial") {
				title.embedFonts = true;
				title.antiAliasType = AntiAliasType.ADVANCED;
				title.rotation = 270;
				title.height = title.textHeight;
			}
			
			fmt.bold = this.css.font_weight == 'bold'?true:false;
			fmt.size = this.css.font_size;
			fmt.align = "center";
			

			
			title.setTextFormat(fmt);
			title.autoSize = "left";
			
			

			this.addChild(title);
		}

 


注：如果传入的font-family为spArial，那么然后进行旋转操作，修改重新编译后将会看到如下效果：




 

看，可以正常显示Y轴中文了哦，只是横着放而已，没有旋转270°，而且点击右侧Legend将会显示隐藏曲线，效果还是不错的哦，编译后的Flash文件可以在附件中下载！

也可以在这里查看具体效果：http://code.faqee.com/chart2/index.jsp

 

评论

2 楼 smithfox 2011-01-07  

不错，需要这样的经验分享.

1 楼 redbull_250ml 2011-01-07  

旋转90° X轴 Y轴怎么解决显示不了中文问题?
如果不旋转90° 横坐标字数超长 汉字就会重叠,看不清,又是问题.知道怎么解决吗?