extjs charts.swf改写

原创

已于 2023-08-09 16:33:55 修改 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #yui #flash

于 2011-11-25 11:43:43 首次发布

本文介绍了如何在EXTJS中修改charts.swf文件，以实现柱状图数值提示的添加。内容包括EXTJS源码中的Chart.CHART_URL定位，YUI源码版本选择，以及在ColumnSeries.as中进行的Flash代码修改，用于显示和更新柱状图上的数值。此外，文章提供了2.6版和2.8版charts.swf源码，以及一个具体的修改示例。

EXTJS中提供的简单的chart工具，但是并未提供该swf文件的源码。需要从YUI上查找charts.swf文件的源码。
值得一说的是找到的源码版本不正确的话，只是一件吃力不讨好的事。
大家可以在extjs的源码charts.js文件中找到如下内容：
Ext.chart.Chart.CHART_URL = 'http:/' + '/yui.yahooapis.com/2.8.0/build/charts/assets/charts.swf';
来确定需要查找的YUI源码版本.
附件中包含2.6版和2.8版 charts.swf的源码
同是有一个修改示例：
在柱状图上添加数值提示。
需要注意的问题有：
1、柱状图的显示。加个数值的显示，需要将柱状图加高
2、flash每次读取数据后，会自动刷新图像，需要清除数值提示

com.yahoo.astra.fl.charts.series.ColumnSeries.as 122行左右

var cartesianChart:CartesianChart = this.chart as CartesianChart;
var yAxis:String = this.axis == "primary" ? "verticalAxis" : "secondaryVerticalAxis";
var valueAxis:IOriginAxis = cartesianChart[yAxis] as IOriginAxis;
var otherAxis:IAxis = cartesianChart.horizontalAxis;
var verticalAxisTitle:IAxis=cartesianChart.verticalAxis;//获取X轴的相关信息
if(!valueAxis)
{
throw new Error("To use a ColumnSeries object, the vertical axis of