Page History

...

在原有的图表接口基础之上，对接口进行了简化和修改，让用户可以快速的写出第三方图表插件并使用。

关键接口

（1）IndependentChartProviderIndependentChartProvider

Code Block

collapse	true

package com.fr.chart.fun;



import com.fr.chart.chartattr.Chart;


import com.fr.stable.fun.Level;

/**


 * Created by eason on 15/4/21.


 * 图表接口

*/


public interface IndependentChartProvider extends Level {



 String XML_TAG = "IndependentChartProvider";



 int CURRENT_API_LEVEL = 3;

/**


 * 图表的国际化的名字的key


 * @return 图表国际化的名字的key

*/

String


 String getChartName();

/**


 * 该种图表所有的图表类型，比如柱形图就有堆积柱形图，百分比堆积柱形图等等


 * @return 所有的图表类型

*/

Chart


 Chart[] getChartTypes();

/**


 * 图表在web端展现时需要的JS文件


 * @return JS文件数组

*/

String


 String[] getRequiredJS();

/**


 * JS对象名，该对象一般是一个函数，执行后会在给定的dom中绘制图表


 * @return JS对象名

*/

String


 String getWrapperName();

/**


 * 定义在设计器里展现的图的路径


 * @return 图的路径

*/

String


 String getChartImagePath();

（2）IndependentChartUIProvider

此接口用户不必实现 ，只需要继承 AbstractIndependentChartUI4Custom 类，并实现如下方法即可

package com.fr.design.chart.fun;

import com.fr.chart.chartattr.Plot;
import com.fr.design.beans.BasicBeanPane;
import com.fr.design.condition.ConditionAttributesPane;
import com.fr.design.gui.chart.ChartEditPaneProvider;
import com.fr.design.gui.frpane.AttributeChangeListener;
import com.fr.design.mainframe.chart.AbstractChartAttrPane;
import com.fr.design.mainframe.chart.gui.ChartDataPane;
import com.fr.design.mainframe.chart.gui.ChartStylePane;
import com.fr.design.mainframe.chart.gui.data.report.AbstractReportDataContentPane;
import com.fr.design.mainframe.chart.gui.data.table.AbstractTableDataContentPane;
import com.fr.design.mainframe.chart.gui.type.AbstractChartTypePane;
import com.fr.stable.fun.Level;

/**
 * Created by eason on 14/12/29.
 *
 * @since 8.0
 * 自定义图表类型设设计界面接口
 */
public interface IndependentChartUIProvider extends Level {

 String XML_TAG = "IndependentChartUIProvider";

 int CURRENT_API_LEVEL = 3;

/**
 * 当前接口的API等级,用于判断是否需要升级插件
 *
 * @return API等级
 */
int currentAPILevel();

 /**
 * 图表配置面板
 *
 * @return图表配置面板

 */
 ChartEditPaneProvider getChartConfigPane(String plotID);

 ......(其他方法不用实现)
}

关键抽象类

（1）ThirdChartEditPane

用户的图表配置面板ChartConfigPane类需要继承此抽象类，并实现

void populateBean(Object ob);

void updateBean(Object ob);

方法。

package com.fr.design.mainframe.chart;

import com.fr.chart.chartattr.Chart;
import com.fr.chart.chartattr.ChartCollection;
import com.fr.design.ChartTypeInterfaceManager;
import com.fr.design.gui.chart.ChartEditPaneProvider;
import com.fr.design.gui.frpane.AttributeChangeListener;
import com.fr.design.gui.ibutton.UIHeadGroup;
import com.fr.design.mainframe.TargetComponentContainer;
import com.fr.design.mainframe.chart.gui.ChartDataPane;

import javax.swing.*;
import java.awt.*;

/**
 * Created by mengao on 2017/5/3.
 */
public abstract class ThirdChartEditPane extends ChartEditPane implements ChartEditPaneProvider, ThirdChartInterface {

    ......

}

（2）ThirdChart

用户的图表配置面板ChartConfig类需要继承此抽象类，并实现

String getChartID()（此ID要和配置文件中对应图表的plotID一致）

void writeXML(XMLPrintWriter xmlPrintWriter)

void readXML(XMLableReader xmLableReader)

JSONObject toJSONObject(Repository repository) throws JSONException

Image toImage(int i, int i1, int i2)

Image toImage(int i, int i1, int i2, CallbackEvent callbackEvent, ChartDataParam chartDataParam)

方法。

package com.fr.chart.chartattr;

import com.fr.base.chart.BaseChartGlyph;
import com.fr.base.chart.BaseChartPainter;
import com.fr.base.chart.ChangeConfigProvider;
import com.fr.base.chart.chartdata.ChartData;
import com.fr.chart.chartglyph.ChartGlyph;
import com.fr.chart.chartglyph.PlotGlyph;
import com.fr.stable.web.Repository;

import java.awt.*;
import java.awt.geom.RectangularShape;
import java.util.Iterator;
import java.util.Map;

/**
 * Created by mengao on 2017/5/3.
 * 用户使用第三方图表需要继承chart父类
 */
public abstract class ThirdChart extends Chart implements BaseChartGlyph {

 ......
}

关键配置

<extra-chart>
 <IndependentChartProvider class="com.fr.plugins.democharts.pie.DemoChartsPie"
 plotID="DemoChartsPiePlot"/>
</extra-chart>
<extra-chart-designer>
 <IndependentChartUIProvider class="com.fr.plugins.democharts.pie.DemoChartsPieUI"
 plotID="DemoChartsPiePlot"/>
</extra-chart-designer>

Page tree

Versions Compared

Old Version 7

New Version 8

Key

关键接口

关键抽象类

关键配置