LiuXue
/
YouChain_Doc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

main
LX 2023-12-27 13:52:38 +08:00
parent 1d75648d5b
commit 5e3ce09741
1 changed files with 86 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

86
大屏/Echarts Line 手册.md 100644
View File

@ -0,0 +1,86 @@
# 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 }));
```