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

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions