YouChain_Doc/大屏/Echarts Line 手册.md

# Echarts Line 手册

## Line 1

![](C:\Users\15267\AppData\Roaming\marktext\images\2023-11-28-11-09-34-image.png)

```
 line = new Line()
                         .addXAxis(new String[] { "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun" })
                         .addYAxis()
                         .addSeries(new Number[] { 150, 230, 224, 218, 135, 147, 260 });
```

## Line 2

![](C:\Users\15267\AppData\Roaming\marktext\images\2023-11-28-11-12-47-image.png)

```
line = new Line()  
        .addXAxis(new CategoryAxis()  
                .setBoundaryGap(false)  
                .setData(new String[] { "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun" }))  
        .addYAxis()  
        .addSeries(new LineSeries()  
                .setData(new Number[] { 820, 932, 901, 934, 1290, 1330, 1320 })  
                .setAreaStyle(new LineAreaStyle()));
```

## Line 3

![](C:\Users\15267\AppData\Roaming\marktext\images\2023-11-28-11-15-40-image.png)

```
line=new Line()  
        .setTitle("Stacked Line")  
        .setTooltip("axis")  
        .setLegend()  
        .addXAxis(new CategoryAxis()  
                .setBoundaryGap(false)  
                .setData(new String[] { "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun" }))  
        .addYAxis()  
        .addSeries(new LineSeries().setName("Email").setStack("Total")  
                .setData(new Number[] { 120, 132, 101, 134, 90, 230, 210 }))  
        .addSeries(new LineSeries().setName("Union Ads").setStack("Total")  
                .setData(new Number[] { 220, 182, 191, 234, 290, 330, 310 }))  
        .addSeries(new LineSeries().setName("Video Ads").setStack("Total")  
                .setData(new Number[] { 150, 232, 201, 154, 190, 330, 410 }))  
        .addSeries(new LineSeries().setName("Direct").setStack("Total")  
                .setData(new Number[] { 320, 332, 301, 334, 390, 330, 320 }))  
        .addSeries(new LineSeries().setName("Search Engine").setStack("Total")  
                .setData(new Number[] { 820, 932, 901, 934, 1290, 1330, 1320 }));
```

## Line 4

![](C:\Users\15267\AppData\Roaming\marktext\images\2023-11-28-11-17-06-image.png)

```
line=new Line()  
        .addXAxis(new CategoryAxis()  
                .setBoundaryGap(false)  
                .setData(new String[] { "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun" }))  
        .addYAxis()  
        .addSeries(new LineSeries()  
                .setData(new Number[] { 820, 932, 901, 934, 1290, 1330, 1320 })  
                .setAreaStyle(new LineAreaStyle()));
```

## Line 5

![](C:\Users\15267\AppData\Roaming\marktext\images\2023-11-28-11-18-11-image.png)

```
line = new Line()  
        .setTitle("Stacked Area")  
        .setTooltip("axis")  
        .setLegend()  
        .addXAxis(new CategoryAxis().setBoundaryGap(false)  
                .setData(new String[] { "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun" }))  
        .addYAxis()  
        .addSeries(createSeries("Line 1", new Number[] { 140, 232, 101, 264, 90, 340, 250 }))  
        .addSeries(createSeries("Line 2", new Number[] { 120, 282, 111, 234, 220, 340, 310 }))  
        .addSeries(createSeries("Line 3", new Number[] { 320, 132, 201, 334, 190, 130, 220 }))  
        .addSeries(createSeries("Line 4", new Number[] { 220, 402, 231, 134, 190, 230, 120 }))  
        .addSeries(createSeries("Line 5", new Number[] { 220, 302, 181, 234, 210, 290, 150 }));
```