MindFusion教程：如何构建Java Swing中的区域图

MindFusion.Diagramming for WinForms是一个能帮助你创建工作流和进程图表的.NET控件；数据库实体关系图表；组织图表；对象层次和关系图表；图表和树。它是基于对象－图表框，表格和箭头类型，将其归类分派给其他并结合成复杂的结构。该控件提供超过预先定义的50多种图表框，如自定义设计样式和对图表框着色等。

点击下载MindFusion.Diagramming for WinForms最新试用版

在此博客文章中，我们将向您展示如何用两个系列构建这个美丽的面积图。我们对Java Swing和其中的AreaChart控件使用MindFusion图表库。

I.常规设置

我们使用IntelliJ Idea作为开发图表应用程序的IDE。您可以使用任何其他IDE，菜单可能不同，但是步骤相同。
首先，我们创建一个新项目，并在其中添加一个名为libs的文件夹。在那里，我们复制JPack.jar存档，其中包含Pack for Java Swing集合中的所有MindFusion控件。您不必为该包使用jar存档，只需将jar与图表控件一起使用，即可从https://mindfusion.eu/java-chart.html下载。

复制存档后，右键单击该存档，然后从上下文菜单中选择“添加为库”。IDE将把jar文件添加到项目的构建路径。当系统询问您要将jar添加到何处时，请确保指定整个项目：

之后，我们创建一个新类，我们将其称为AreaChart并将其扩展为JFrame。这将是我们应用程序的主要且唯一的类。在其主要方法中，我们添加了用于创建和启动窗口的默认Java代码。然后，我们创建AreaChart类的新实例：

public class AreaChart extends JFrame{public static void main(String[] args) {JFrame f = new JFrame();f.setTitle("MindFusion.Charting sample: Area Chart");f.setSize(800, 600);f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);com.mindfusion.charting.swing.AreaChart chart =new com.mindfusion.charting.swing.AreaChart();f.getContentPane().setLayout(new BorderLayout());f.getContentPane().add(chart, BorderLayout.CENTER);f.setVisible(true);}

二.图表数据和系列

图表的数据由Series2D类的两个实例指定。此类在构造函数中采用三个列表作为参数：带有数据的数组（用于数据点的X坐标），带有数据的数组（用于数据点的Y坐标）和带有标签的列表。带有标签的列表可以为空。

// create sample data series
Series2D series1 = new Series2D(Arrays.asList(0.0, 1.0, 2.0, 3.0, 4.0, 5.0, 6.0, 7.0, 8.0, 9.0, 10.0, 11.0),Arrays.asList(25.0, 35.0, 24.0, 26.0, 27.0, 19.0, 29.0, 19.0, 27.0, 23.0, 17.0, 15.0),
labels);

标签列表是通过以下方式定义的：

List labels = Arrays.asList("Jan", "Feb", "Mar", "Apr", "May", "Jun","Jul", "Aug", "Sept", "Oct", "Nov", "Dec"
);

我们不希望标签出现在数据点，这是呈现这些标签的默认方式。幸运的是，Series2D类公开了一个名为setSupportedLabels的方法，该方法使我们可以指定应在何处应用这些标签。此方法的参数是LabelKinds枚举的一个实例，该实例公开了可以在图表上找到的所有类型的标签的成员。成员允许按位组合。
在我们的例子中，我们想在X轴上渲染标签。因此，我们以以下简单方式设置它们：

series1.setSupportedLabels（LabelKinds.XAxisLabel）;

我们还必须使用setTitle方法为我们的系列指定标题。标题将显示为图例中系列的项目。我们将在图表上显示图例，因此我们需要指定与该系列相对应的标签。

最后，我们必须将此Series2D添加到图表的Series集合中。我们使用getSeries获取集合并添加新创建的系列：

chart.getSeries（）.add（series1）;

第二个系列与第一个系列的区别仅在于Y数据。它还没有标签。我们在X轴上不需要两个标签列表-一个就足够了。

完成数据设置后，我们可以运行应用程序来查看图表：

该图表是正确的，但看起来并不十分吸引人。我们需要对其进行样式设置。

三.图表样式

我们使用Axis类的方法微调图表轴的外观。使用getXAxis和getYAxis方法访问负责两个轴的Axis对象。我们使用setMaxValue和setInterval方法来调整两个轴的间隔。这也影响最大值。我们还使用setTitle隐藏轴标题-我们指定一个空字符串。


```javascript
chart.getYAxis().setInterval(5.0);
chart.getYAxis().setMaxValue(50.0);
chart.getXAxis().setMaxValue(12.0);
chart.getXAxis().setInterval(1.0);
chart.getXAxis().setTitle("");
chart.getYAxis().setTitle("");


然后我们自定义网格。我们想要带有虚线的水平网格。我们使用GridType枚举的“ Horizontal”成员。它作为图表的setGridType方法的参数提供。我们指定用虚线setGridLineStyle和使用setGridLineColor为网格线指定颜色。```javascript
chart.setGridType(GridType.Horizontal);
chart.getTheme().setGridLineColor(new Color(190, 190, 190));
chart.getTheme().setGridLineStyle(DashStyle.Dash);

我们还需要调整图表标签的字体大小：

chart.setShowXCoordinates(false);
chart.getTheme().setAxisLabelsFontSize(14);
chart.getTheme().setDataLabelsFontSize(14);

图表具有许多属性，可用于自定义其上使用的所有字体类型。他们是主题类的成员。每个图表类型都有一个主题对象，可以通过getTheme访问
最后，我们需要考虑区域图形的颜色。我们将使用Theme的setCommonSeriesFills方法为每个Series指定颜色。commonSeriesFills和strokes属性使用画笔指定列表，这些画笔为每个系列的内部和轮廓着色。

chart.getTheme().setCommonSeriesFills(Arrays.asList(new SolidBrush( new Color (102, 154, 204, 190)),new SolidBrush(new Color (156, 170, 198, 190))));chart.getTheme().setCommonSeriesStrokes(Arrays.asList(new SolidBrush( new Color (28, 58, 88))));chart.getTheme().setCommonSeriesStrokeThicknesses(Arrays.asList(5.0));

这些是我们AreaChart上的最后一个自定义项。最终图表已准备就绪。

要获得技术支持，请使用https://mindfusion.eu/Forum/YaBB.pl?board=jchart_dic上Java Swing图表库的讨论板。
关于用于Java Swing的MindFusion图表和量具库：这是一个本机Java Swing库，适用于绘制多种图表和量具类型。灵活的API允许组合各种图表部分：轴，图和系列，以创建适合任何业务应用程序特定需求的独特图表：具有多个图的图表，四面八方的轴，在一个图中的不同图表图形等等。所有图表系列都来自基本的“系列”接口，程序员可以将其实现以创建自己的系列类。外观由主题控制，图表外观可自定义。量具库是图表控件的一部分，并提供一组椭圆形和线性量具，可用于创建任何类型的量具，圆形或矩形量具（最多三个）。该库随附了一组预定义的流行仪表：指南针，时钟，温度计等。要了解有关Java Swing的MindFusion图表和仪表的更多详细信息，请访问：https://mindfusion.eu/java-chart.html。