Page History

10.0工程请移步：基于finekit

前言

FineReport除了内置的图表、新特性图表插件外，还提供了第三方图表开发的API，方便进行个性化、第三方的图表开发。但是第三方图表API接口过于复杂，用户很难快速的实现并使用自己想使用的第三方新图表。

...

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

下面介绍下重要的接口，和简单的实现（使用公共的数据配置面板，自定义数据面板参考页面底部链接demo）：

关键接口

插件图表接口

...

Code Block

title	IndependentChartProvider
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 getChartName();

 /**
 * 该种图表所有的图表类型，比如柱形图就有堆积柱形图，百分比堆积柱形图等等
 *
 * @return 所有的图表类型
 */
 Chart[] getChartTypes();

 /**
 * 图表在web端展现时需要的JS文件
 *
 * @return JS文件数组
 */
 String[] getRequiredJS();

 /**
 * JS对象名，该对象一般是一个函数，执行后会在给定的dom中绘制图表
 *
 * @return JS对象名
 */
 String getWrapperName();

 /**
 * 定义在设计器里展现的图的路径
 *
 * @return 图的路径
 */
 String getChartImagePath();
/**
 * 当前接口的API等级,用于判断是否需要升级插件
 *
 * @return API等级
 */
int currentAPILevel();

}

上述接口您不必实现，只需要继承实现了该接口的抽象类：AbstractIndependentChartProvider4Custom类即可，并实现里面具体的方法，示例如下：上述接口您不必实现，只需要继承实现了该接口的抽象类：AbstractIndependentChartsProvider类即可，并实现里面具体的方法，示例如下：

Code Block

title	DemoChartsPie extends AbstractIndependentChartProvider4CustomAbstractIndependentChartsProvider
collapse	true

package com.fr.plugins.democharts.piecommenDataPanePie;

import com.fr.chart.chartattr.Chart;
import com.fr.chart.fun.impl.AbstractIndependentChartProvider4CustomAbstractIndependentChartsProvider;


public class DemoChartsPie extends AbstractIndependentChartProvider4Custom {

    public static pieChart[] charts = new pieChart[] {
            new pieChart(),
    };


    @Override/**
 * Created by mengo on 16/5/11.
 * 自定义图表，需要继承AbstractIndependentChartsProvider
 * 需要实现方法：getChartName
 * 需要实现方法：getWrapperName
 * 需要实现方法：getChartTypes
 * 需要实现方法：getChartImagePath
 * 需要实现方法：getRequiredJS
 * 需要实现方法：currentAPILevel
 */
public class DemoChartsPie extends AbstractIndependentChartsProvider {

    public static pieChart[] charts = new pieChart[]{
    public String getChartName() {
        return "用户自定义图表";new pieChart(),
    };

    @Override/**
     public String[] getRequiredJS() {* 图表的国际化的名字的key
        return new String[]{*
     * @return 图表国际化的名字的key
         "/com/fr/plugins/democharts/common/web/echarts.bridge.js"*/
        };
    }

    @Override
    public String getWrapperNamegetChartName() {
        return "EChartsFactory用公共的数据配置面板图表";
    }

    @Override/**
    public Chart[] getChartTypes() {
   * 图表在web端展现时需要的JS文件
     *
     * return@return charts;JS文件数组
     }*/

    @Override
    public String[] getChartImagePathgetRequiredJS() {
        return new String[]{
                "/com/fr/plugins/democharts/piecommon/imagesweb/pie256echarts.bridge.pngjs";
    }
	@Override
	public int currentAPILevel() {    };
   	 	return CURRENT_API_LEVEL;
	}
}

插件图表界面接口

Code Block

title	IndependentChartUIProvider
collapse	true

package com.fr.design.chart.fun;

    /**
     *

Created

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

by

eason

on

14/12/29.

 *
     *

@since

@return

8.0

JS对象名

*

自定义图表类型设设计界面接口

*/

public interface IndependentChartUIProvider extends Level { String XML_TAG = "IndependentChartUIProvider"; int CURRENT_API_LEVEL = 3;


    @Override
    public String getWrapperName() {
        return "EChartsFactory";
    }

    /**

* 当前接口的API等级,用于判断是否需要升级插件

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

API等级

所有的图表类型
     */

int currentAPILevel(); /** * 图表配置面板 * * @return图表配置面板 */ ThirdChartConfigPane getChartConfigPane(String plotID); ......(其他方法不用实现) }

此接口您不必实现，只需要继承实现了该接口的抽象类： AbstractIndependentChartUI4Custom 类即可，并实现相应方法，示例如下：

Code Block

title	DemoChartsPieUI extends AbstractIndependentChartUI4Custom
collapse	true

package com.fr.plugins.democharts.pie;

import com.fr.design.chart.fun.impl.AbstractIndependentChartUI4Custom;
import com.fr.design.mainframe.chart.ChartEditPane;


public class DemoChartsPieUI extends AbstractIndependentChartUI4Custom {
    @Override
	public ThirdChartConfigPane getChartConfigPane(String plotID) {
    	return new ChartConfigPane();
	}

    @Override
    public int currentAPILevel() {
        return CURRENT_API_LEVEL;
    }
}

关键抽象类

图表配置面板类

Code Block

title	ThirdChartConfigPane
collapse	true

package com.fr.design.mainframe.chart; import com.fr.chart.chartattr.ChartCollection; import com.fr.general.Inter; import javax.swing.*; /** * Created by mengao on 2017/5/16. */ public class ThirdChartConfigPane extends AbstractChartAttrPane { public final static String CHART_STYLE_TITLE = Inter.getLocText("Chart-Style_Name");


    @Override
    public Chart[] getChartTypes() {
        return charts;
    }

    /**
     * 定义在设计器里展现的图的路径
     *
     * @return 图的路径
     */
    @Override
    public

void

String

populate

getChartImagePath(

ChartCollection collection

) {
        return "com/fr/plugins/democharts/customDataPanePie/images/pie256.png";
    }

@Override

/**

public

void

update(ChartCollection collection) {

@return 插件的API等级

}

*/

    @Override

protected

public

JPanel

int

createContentPane

currentAPILevel() {
        return

new JPanel()

CURRENT_API_LEVEL;
    }

}

插件图表界面接口

Code Block

title	IndependentChartUIProvider
collapse	true

package com.fr.design.chart.fun;

/**
 *  @OverrideCreated by eason on 14/12/29.
 *
 * @since 8.0
 public* String getIconPath() {
        return "com/fr/design/images/chart/ChartStyle.png";
    }

    @Override
    public String title4PopupWindow() {
        return CHART_STYLE_TITLE;
    }
}

您的图表配置面板需要继承此抽象类，并实现相应的方法，示例如下： Code Block

title	ChartConfigPane extends ThirdChartConfigPane
collapse	true

package

自定义图表类型设设计界面接口
 */
public interface IndependentChartUIProvider extends Level {

 String XML_TAG = "IndependentChartUIProvider";

 int CURRENT_API_LEVEL = 3;


/**
 * 当前接口的API等级,用于判断是否需要升级插件
 *
 * @return API等级
 */
int currentAPILevel();
 /**
 * 图表配置面板
 *
 * @return图表配置面板
 */
 ThirdChartConfigPane getChartConfigPane(String plotID);

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

此接口您不必实现，只需要继承实现了该接口的抽象类：AbstractIndependentChartsUI类即可，并实现相应方法，示例如下：

Code Block

title	DemoChartsPieUI extends AbstractIndependentChartsUI
collapse	true

package com.fr.plugins.democharts.

commenDataPie

commenDataPanePie;

import com.fr.design.chart.fun.

chartattr

impl.

ChartCollection

AbstractIndependentChartsUI;
import com.fr.design.mainframe.chart.

ThirdChartConfigPane; import javax.swing.*; import java.awt.*; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; /** * Created by mengao on 2017/4/26. * 图表样式面板，需要继承ThirdChartConfigPane * 需要实现方法：populate * 需要实现方法：update */ public class ChartConfigPane extends ThirdChartConfigPane { private ChartCollection chartCollection; JPanel northJpane = new JPanel(); JPanel centerJpane = new JPanel(); JLabel nameJLable = new JLabel("请输入内容："); JTextField value = new JTextField(); JButton updateButton = new JButton("确定"); public ChartConfigPane() //构造方法 { this.setLayout(new BorderLayout()); northJpane.setLayout(new GridLayout(3, 2)); northJpane.add(nameJLable); northJpane.add(value); this.add(northJpane, BorderLayout.NORTH); centerJpane.add(updateButton, BorderLayout.CENTER);

ChartsConfigPane;


/**
 * Created by mengao on 2017/4/26.
 * 自定义图表类型设设计界面，需要继承AbstractIndependentChartsUI
 * 需要实现方法：getChartConfigPane
 * 需要实现方法：currentAPILevel
 */
public class DemoChartsPieUI extends AbstractIndependentChartsUI {

    /**
     * @param plotID
     * @return 图表样式面板，用户需要实现
     */
    @Override
    public ChartsConfigPane getChartConfigPane(String plotID) {
        return new ChartConfigPane();
    }

    /**
     * @return 插件的API等级
     */
    @Override
    public int currentAPILevel() {
        return CURRENT_API_LEVEL;
    }

}

注意：如果您想使用自己的数据配置面板，需要覆写getTableDataSourcePane(Plot plot, ChartDataPane parent)和getReportDataSourcePane(Plot plot, ChartDataPane parent)方法，并自定义数据编辑面板、chartData、Definition等类，具体参考底部链接中的plugins-demoChart插件。

关键抽象类

图表配置面板类

Code Block

title	ChartsConfigPane
collapse	true

  
package com.fr.design.mainframe.chart;

import com.fr.chart.chartattr.ChartCollection;
import com.fr.chart.chartattr.Charts;
import com.fr.general.Inter;
import com.fr.stable.StableUtils;

import javax.swing.*;

/**
 * Created by mengao on 2017/5/16.
 */
public abstract class ChartsConfigPane <T extends Charts> extends AbstractChartAttrPane {

    public final static String CHART_STYLE_TITLE = Inter.getLocText("Chart-Style_Name");

    public abstract Class<? extends Charts> accptType();

    @Override
    public void populate(ChartCollection collection) {
        if (StableUtils.classInstanceOf(collection.getSelectedChart().getClass(),accptType())) {

this.add(centerJpane, BorderLayout.CENTER

    populate(collection, (T)collection.getSelectedChart());

this.setSize(200, 200);

this.setVisible(true);

}

    protected abstract void

updateButton.addActionListener(new ColorEventListener()

populate(ChartCollection collection, T selectedChart);

}


    @Override
    public void

populate

update(ChartCollection collection) {
        if (StableUtils.classInstanceOf(collection.getSelectedChart()

instanceof pieChart) {

.getClass(),accptType())) {
            update(collection, (T)collection.getSelectedChart());
        }

this.chartCollection = collection;

}

    protected abstract void update(ChartCollection collection,

pieChart pieChart = (pieChart) collection.getSelectedChart();

T selectedChart);

    @Override
    protected JPanel

value.setText(pieChart.getCustomData());

createContentPane() {

}

return new JPanel();
    }

    @Override
    public

void

String

update

getIconPath(

ChartCollection collection

) {

if (collection.getSelectedChart() instanceof pieChart) {

return "com/fr/design/images/chart/ChartStyle.png";
    }

    @Override

pieChart

public

pieChart

String

=

title4PopupWindow(

pieChart

collection.getSelectedChart();

pieChart.setCustomData(value.getText());

return CHART_STYLE_TITLE;

您的图表配置面板需要继承此抽象类，并实现相应的方法，示例如下：

Code Block

title	ChartConfigPane extends ChartsConfigPane
collapse	true

package    // 内部类EventListener，实现ActionListener接口
    class ColorEventListener implements ActionListener {

        @Override
        public void actionPerformed(ActionEvent e) {
            update(chartCollection);
        }
    }


}

图表类

Code Block

title	ThirdChartEdit
collapse	true

package com.fr.chart.chartattr; /** * Created by mengao on 2017/5/3. * 用户使用第三方图表需要继承chart父类 */ public abstract class ThirdChart extends Chart { protected ChartData ChartData; public ChartData getChartData() { return ChartData; } public void setChartData(ChartData chartData) { ChartData = chartData; } protected abstract String getChartID(); public ThirdChart() { ThirdChartPlot thirdChartPlot = new ThirdChartPlot();

com.fr.plugins.democharts.commenDataPanePie;

import com.fr.chart.chartattr.ChartCollection;
import com.fr.design.mainframe.chart.ChartsConfigPane;

import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

/**
 * Created by mengao on 2017/4/26.
 * 图表样式面板，需要继承ChartsConfigPane
 * 需要实现方法：populate
 * 需要实现方法：update
 */
public class ChartConfigPane extends ChartsConfigPane<PieChart> {
  private JPanel northJpane = new JPanel();
private JPanel centerJpane = new JPanel();
private JLabel nameJLable = new JLabel("请输入内容：");
private JButton updateButton = new JButton("确定");

protected JTextField value = new JTextField();
protected ChartCollection chartCollection;



public ChartConfigPane() //构造方法
{
    this.setLayout(new BorderLayout());
    northJpane.setLayout(new GridLayout(3, 2));
    northJpane.add(nameJLable);
    northJpane.add(value);
    this.add(northJpane, BorderLayout.NORTH);
    centerJpane.add(updateButton, BorderLayout.CENTER);
    this.add(centerJpane, BorderLayout.CENTER);
    this.setSize(200, 200);
    this.setVisible(true);
    updateButton.addActionListener(new ColorEventListener());
}

// 内部类EventListener，实现ActionListener接口
class ColorEventListener implements ActionListener {

    @Override
    public void actionPerformed(ActionEvent e) {

thirdChartPlot.setPlotID(getChartID()); this.setPlot(thirdChartPlot

update(chartCollection, (T)chartCollection.getSelectedChart());
    }
}

@Override
public Class<? extends Charts>

public BaseChartGlyph createGlyph(ChartData chartData

accptType() {
    return PieChart.class;
}

@Override
protected void populate(ChartCollection

ChartGlyph

collection,

chartGlyph

PieChart

= new ChartGlyph()

selectedChart) {

this.chartCollection=collection;

public

JSONObject toJSONObject(Repository repo, double width, double height) throws JSONException

 value.setText(selectedChart.getCustomData());
}

@Override
protected void update(ChartCollection collection, PieChart selectedChart) {

return toJSON(repo); } }; setChartData(chartData); chartGlyph.setWrapperName(this.getWrapperName()); chartGlyph.setRequiredJS(this.getRequiredJS()); chartGlyph.setChartImagePath(this.getImagePath());

selectedChart.setCustomData(value.getText());
}
}

图表类

Code Block

title	Charts
collapse	true

package com.fr.chart.chartattr;

import com.fr.base.chart.BaseChartGlyph;
import com.fr.base.chart.chartdata.ChartData;
import com.fr.chart.chartglyph.ChartGlyph;
import com.fr.json.JSONException;
import com.fr.json.JSONObject;
import com.fr.stable.web.Repository;

/**
 * Created by mengao on 2017/5/3.
 * 用户使用第三方图表需要继承chart父类
 */
public abstract class Charts <T extends ChartData> extends Chart  {
    protected T ChartData;

    public T getChartData() {
        return chartGlyphChartData;
    }

    public abstract JSONObject toJSON (Repository repo) throws JSONException;
}

您的图表配置面板ChartConfig类需要继承此抽象类，并实现相应方法，示例如下：

Code Block

title	pieChart extends ThirdChart
collapse	true

package com.fr.plugins.democharts.commenDataPie; import com.fr.chart.chartattr.ThirdChart; import com.fr.chart.chartdata.NormalChartData; import com.fr.json.JSONArray; import com.fr.json.JSONException; import com.fr.json.JSONObject; import com.fr.stable.web.Repository; import com.fr.stable.xml.XMLPrintWriter; import com.fr.stable.xml.XMLableReader; /** * Created by mengao on 2017/4/26. * chart类，需要继承ThirdChart * 需要实现方法：getChartID * 需要实现方法：writeXML * 需要实现方法：readXML * 需要实现方法：toJSON */ public class pieChart extends ThirdChart { private String customData= "公共数据配置面板demo"; public String getCustomData() {

 void setChartData(T chartData) {
        ChartData = chartData;
    }

    protected abstract String getChartID();

    public Charts() {
        ChartsPlot chartsPlot = new ChartsPlot();
        chartsPlot.setPlotID(getChartID());
        this.setPlot(chartsPlot);
    }

    @Override
    public BaseChartGlyph createGlyph(ChartData chartData) {
        ChartGlyph chartGlyph = new ChartGlyph(){
            public JSONObject toJSONObject(Repository repo, double width, double height) throws JSONException {
                return

customData

toJSON(repo);

}

public

void

setCustomData(String

customData)

{

this.customData = customData

};

}

@Override

setChartData((T)chartData);

public

void writeXML(XMLPrintWriter xmlPrintWriter) {

 chartGlyph.setWrapperName(this.getWrapperName());

super.writeXML(xmlPrintWriter

chartGlyph.setRequiredJS(this.getRequiredJS());

xmlPrintWriter.startTAG("customChartDemo")

chartGlyph.setChartImagePath(this.getImagePath());

        return chartGlyph;

.attr("custom", getCustomData())

}
    public abstract JSONObject toJSON (Repository repo)

.end(); } @Override public void readXML(XMLableReader xmLableReader) { super.readXML(xmLableReader); if (xmLableReader.isChildNode()) { String tagName = xmLableReader.getTagName(); if(tagName.equals("customChartDemo")) { setCustomData(xmLableReader.getAttrAsString("custom","111")); } } } /** * 读出字符串，然后传到前台 * 注意：需要获取数据配置中的数据，使用getChartData()方法 */ @Override //tojson的时候注意用getChartData()方法获取当前数据集，然后自主拼接成json public JSONObject toJSON(Repository repo) throws JSONException { //用默认的 NormalChartData 进行数据配置

throws JSONException;
}

您的图表配置面板ChartConfig类需要继承此抽象类，并实现相应方法，示例如下：

Code Block

title	PieChart extends Charts
collapse	true

package com.fr.plugins.democharts.commonpie;

import com.fr.chart.chartattr.Charts;
import com.fr.chart.chartdata.NormalChartData;
import com.fr.json.JSONArray;
import com.fr.json.JSONException;
import com.fr.json.JSONObject;
import com.fr.stable.web.Repository;
import com.fr.stable.xml.XMLPrintWriter;
import com.fr.stable.xml.XMLableReader;

import java.text.DecimalFormat;
import java.text.NumberFormat;


/**
 * Created by mengao on 2017/4/26.
 * chart类，需要继承Charts
 * 需要实现方法：getChartID
 * 需要实现方法：writeXML
 * 需要实现方法：readXML
 * 需要实现方法：toJSON
 */
public class PieChart extends Charts<NormalChartData> {
    private String customData = "公共数据配置面板demo";

    private static final NumberFormat format = new DecimalFormat("##%");


    public String getCustomData() {
        return customData;
    }

    public void setCustomData(String customData) {
        JSONObject jsonObjectthis.customData = new JSONObject()customData;
    }

    if (this.getChartData() instanceof NormalChartData) {@Override
    public void writeXML(XMLPrintWriter xmlPrintWriter) {
    NormalChartData normalChartData = (NormalChartData) thissuper.getChartDatawriteXML(xmlPrintWriter);
            JSONArray series = JSONArray.create();

xmlPrintWriter.startTAG("customChartDemo")
             int len = normalChartData.getCategory_array().length;//获取分类数组的长度
.attr("custom", getCustomData())
             int cn = normalChartData.getSeries_arrayend().length;//获取系列数组的长度
    }

    @Override
    public forvoid readXML(int c = 0; c < cn; c++XMLableReader xmLableReader) {
         super.readXML(xmLableReader);
       //对系系列循环
 if (xmLableReader.isChildNode()) {
            String JSONObject wrappertagName = JSONObjectxmLableReader.creategetTagName();
                series.put(wrapper);

if (tagName.equals("customChartDemo")) {
                JSONArray point = JSONArray.create(setCustomData(xmLableReader.getAttrAsString("custom", "111"));
            }
    wrapper.put("type", "pie");
    }
    }

    /**
     * //将每个系类值给data读出字符串，然后传到前台
     * 注意：需要获取数据配置中的数据，使用getChartData()方法
     */
    @Override
    wrapper.put("data", point);//tojson的时候注意用getChartData()方法获取当前数据集，然后自主拼接成json
    public JSONObject toJSON(Repository repo) throws JSONException {

        ifJSONObject (cjsonObject == 1) {JSONObject.create();
        jsonObject.put("series", seriesJSONArray())
           int[] radius = {20,110};
  .put("title",       JSONObject.create().put("text", getCustomData()));
           String[] center = {"25%", "50%"};return jsonObject;
    }

    private JSONArray seriesJSONArray() throws JSONException {
        NormalChartData normalChartData = wrapper.put("radius", radiusgetChartData();
        int seriesLen = normalChartData.getSeriesCount();
         wrapper.put("center", center);
   String radius = format.format(1.0 / seriesLen);
        }else{//对系列循环
        JSONArray series = JSONArray.create();
        for (int[] radiusindex = {30,110}0;
 index < seriesLen; index++) {
            JSONObject wrapper  String[] center = {"75%", "50%"};= JSONObject.create()
                    wrapper.put("radiustype", radius"pie");
                    wrapper.put("centerdata", center);pointJSONArray(index)) //将每个系列值给data
                }    .put("name", normalChartData.getSeries_array()[index].toString());//将系列名给系列
            if (seriesLen > 1) //将系列名给系列{
                wrapper.put("name", normalChartData.getSeries_array()[c].toString());JSONArray center = JSONArray.create()
                for (int i = 0; i < len; i++) {
    .put(format.format((float) index / (seriesLen + 1) + 0.20))
                 //
       .put("55%");
             String name = normalChartDatawrapper.getCategory_array()[i].toString();put("radius", radius)
                    JSONObject  item = JSONObject.create(put("center", center);
            }
        point    series.put(itemwrapper);
        }
        return series;
    }

    private JSONArray pointJSONArray(int index) throws JSONException //将分类名给name{
        NormalChartData normalChartData = getChartData();
        int categoriesLen = itemnormalChartData.put("name", namegetCategoryLabelCount();
        JSONArray point = JSONArray.create();
        for if (normalChartData.getSeries_value_2D().length > 0) {
      (int i = 0; i < categoriesLen; i++) {
            JSONObject item = JSONObject.create();
   //将点的值给data
         //将分类名给name
            String name  item.put("value",= normalChartData.getSeriesgetCategory_value_2Darray()[c][i].toString();
            item.put("name", name);
         }
   if (normalChartData.getSeries_value_2D().length > 0) {
         }
       //将点的值给data
     }

            jsonObjectitem.put("seriesvalue", series);
            JSONObject title=new JSONObject(normalChartData.getSeries_value_2D()[index][i]);
            title.put("text",getCustomData());}
            jsonObjectpoint.put("title",titleitem);

        }
        return jsonObjectpoint;
    }


    @Override
    public String getChartID() {
        return "CommenDataDemoChartsPieChartsPieWithCommenDataPane";
    }


}

注意：在toJSON中您如果需要获取数据配置中的数据，请使用getChartData()方法获取chartData对象，并将其转化为您需要的格式，具体参考demo

XML关键配置

Code Block

title	plugin.xml

<extra-core>
    <JavaScriptFileHandler class="com.fr.plugins.democharts.common.web.EChartsFileLoader"/>
</extra-core>
<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>

简单效果图

您可以自定义图表属性配置面板，更加灵活。

Image Removed

通过配置面板配置好数据后，您可以预览您图表配置好之后的效果，demo展示效果如下：

Image Removed

示例源码

如果您希望看示例源码，您可以看这里：

您可以自定义图表数据配置面板，更加灵活。（左：默认数据配置面板，右：自定义的数据配置面板）

Image AddedImage Added

您需要自定义图表属性配置面板，让它为您设置图表的各种属性：

Image Added

通过配置面板配置好数据和属性后，您可以预览您图表配置好之后的效果，demo展示效果如下：（左：默认数据配置面板demo，右：自定义数据配置面板demo）

Image AddedImage Added

demo工程：

View file

name	plugins-democharts.zip
height	250

Page tree

Versions Compared

Old Version 48

New Version Current

Key

前言

关键接口

插件图表接口

插件图表界面接口

关键抽象类

图表配置面板类

插件图表界面接口

关键抽象类

图表配置面板类

图表类

图表类

简单效果图

示例源码

您可以自定义图表数据配置面板，更加灵活。（左：默认数据配置面板，右：自定义的数据配置面板）

Image AddedImage Added

Page tree

Page History

Versions Compared

Old Version 48

New Version Current

Key

前言

关键接口

插件图表接口

插件图表界面接口

关键抽象类

图表配置面板类

插件图表界面接口

关键抽象类

图表配置面板类

图表类

图表类

简单效果图

示例源码

您可以自定义图表数据配置面板，更加灵活。（左：默认数据配置面板，右：自定义的数据配置面板）Image AddedImage Added

您可以自定义图表数据配置面板，更加灵活。（左：默认数据配置面板，右：自定义的数据配置面板）

Image AddedImage Added