Skip to content

这是使用ECharts的案例, 大家可以借鉴一下 ~ #99

@sukai-cheng

Description

@sukai-cheng

Image

public static void main(String[] args) {
        Line line = new Line()
                .setTitle(new Title().setSubtext("过程质量监控系统"))
                .setTooltip(new Tooltip()
                        .setTrigger("axis")
                        .setAxisPointer(new TooltipAxisPointer().setType("cross")))
                .addXAxis(new CategoryAxis()
                        .setType("category")
                        .setBoundaryGap(false)
                        .setData(new String[]{"HS25061101", "HS25061102", "HS25061103", "HS25061104", "HS25061105", "HS25061106", "HS25061107", "HS25061108", "HS25061109", "HS25061110", "HS25061111", "HS25061112", "HS25061113", "HS25061114", "HS25061115", "HS25061116", "HS25061117", "HS25061118", "HS25061119", "HS25061120"})
                        .setAxisLabel(new ValueAxis().setInterval(0))
                        .setAxisLabel(new ValueAxisLabel().setRotate(45))
                )

                .addYAxis(new ValueAxis()
                        .setType("value")
                        .setAxisLabel(new ValueAxisLabel().setFormatter("{value}"))
                        .setAxisPointer(new TooltipAxisPointer().setSnap(true)))
                .setVisualMap(new PiecewiseVisualMap()
                        .setShow(false)
                        .setDimension(0)
                        .setPieces(new VisualPiece[]{
                                new VisualPiece().setLte(4).setColor("green"),
                                new VisualPiece().setGt(4).setLte(8).setColor("red"),
                                new VisualPiece().setGt(8).setLte(11).setColor("green"),
                                new VisualPiece().setGt(11).setLte(17).setColor("red"),
                                new VisualPiece().setGt(17).setColor("green")
                        })
                )
                .addSeries(new LineSeries()
                        .setName("Electricity")
                        .setType("line")
                        .setSmooth(true)
                        .setData(new Number[]{7.1, 7.2, 6.1, 8.2, 6.1, 6.5, 7.1, 7.3, 9, 5.2, 5.5, 4.3, 6.2, 6.5, 7.2, 7.5, 6.3, 6.4, 5.5, 7.1})
                        .setLabel(new SeriesLabel().setShow(true).setPosition("top"))
                        .setMarkArea(new MarkArea()
                                .setItemStyle(new ItemStyle().setColor("rgba(255, 173, 177, 0.4)"))
                                .setData(new MarkArea2DDataItem[]{
                                        new MarkArea2DDataItem()
                                                .setStartPoint(new MarkArea2DDataItemDim().setName("预警").setXAxis("HS25061105"))
                                                .setEndPoint(new MarkArea2DDataItemDim().setName("预警").setXAxis("HS25061109")),
                                        new MarkArea2DDataItem()
                                                .setStartPoint(new MarkArea2DDataItemDim().setName("预警").setXAxis("HS25061112"))
                                                .setEndPoint(new MarkArea2DDataItemDim().setName("预警").setXAxis("HS25061116"))
                                }))
                        .setMarkLine(new MarkLine()
                                .setData(new MarkArea1DDataItem[]{
                                        new MarkArea1DDataItem().setYAxis(8).setName("基准线")
                                }).setLineStyle(
                                        new LineStyle().setColor("red").setType("dotted")))
                        .setAnimation(false));

        Engine engine = new Engine();

        String projectRoot = System.getProperty("user.dir");
        String outputPath = Paths.get(projectRoot, "qms-admin", "src", "main", "resources", "templates", "template2.html").toString();


        engine.render(outputPath, line);
    }

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions