tzjy-code
/
DataRoom
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix：分组、堆叠线图、柱图优化默认数据

Browse Source
main
hong.yang 1 year ago
parent e7d4471f39
commit d3188aa672
10 changed files with 146 additions and 757 deletions
Show Stats Download Patch File Download Diff File

98
data-room-ui/packages/G2Plots/折线图/多折线动画图.js
Unescape Escape View File

@ -492,86 +492,22 @@ const setting = [
// 模拟数据
const data = [
{
year:'1',
value:100,
type:'今年'
},
{
year:'2',
value:200,
type:'今年'
},
{
year:'3',
value:300,
type:'今年'
},
{
year:'4',
value:200,
type:'今年'
},
{
year:'5',
value:100,
type:'今年'
},
{
year:'6',
value:200,
type:'今年'
},
{
year:'7',
value:300,
type:'今年'
},
{
year:'8',
value:400,
type:'今年'
},
{
year:'1',
value:400,
type:'去年'
},
{
year:'2',
value:100,
type:'去年'
},
{
year:'3',
value:200,
type:'去年'
},
{
year:'4',
value:300,
type:'去年'
},
{
year:'5',
value:200,
type:'去年'
},
{
year:'6',
value:100,
type:'去年'
},
{
year:'7',
value:200,
type:'去年'
},
{
year:'8',
value:300,
type:'去年'
}
{ date: '2016年', value: 100, type: '已处理' },
{ date: '2017年', value: 200, type: '已处理' },
{ date: '2018年', value: 300, type: '已处理' },
{ date: '2019年', value: 200, type: '已处理' },
{ date: '2020年', value: 100, type: '已处理' },
{ date: '2021年', value: 200, type: '已处理' },
{ date: '2022年', value: 300, type: '已处理' },
{ date: '2023年', value: 400, type: '已处理' },
{ date: '2016年', value: 400, type: '未处理' },
{ date: '2017年', value: 100, type: '未处理' },
{ date: '2018年', value: 200, type: '未处理' },
{ date: '2019年', value: 300, type: '未处理' },
{ date: '2020年', value: 200, type: '未处理' },
{ date: '2021年', value: 100, type: '未处理' },
{ date: '2022年', value: 200, type: '未处理' },
{ date: '2023年', value: 300, type: '未处理' }
]
// 配置处理脚本
@ -593,7 +529,7 @@ const option = {
renderer: 'canvas',
data,
color: ['#6b74e4', '#4391f4', '#38bbe5', '#69d6fd', '#36c6a0'],
xField: 'year',
xField: 'date',
yField: 'value',
seriesField: 'type',
xAxis: {

98
data-room-ui/packages/G2Plots/折线图/多折线图.js
Unescape Escape View File

@ -553,86 +553,22 @@ const setting = [
// 模拟数据
const data = [
{
year:'1',
value:100,
type:'今年'
},
{
year:'2',
value:200,
type:'今年'
},
{
year:'3',
value:300,
type:'今年'
},
{
year:'4',
value:200,
type:'今年'
},
{
year:'5',
value:100,
type:'今年'
},
{
year:'6',
value:200,
type:'今年'
},
{
year:'7',
value:300,
type:'今年'
},
{
year:'8',
value:400,
type:'今年'
},
{
year:'1',
value:400,
type:'去年'
},
{
year:'2',
value:100,
type:'去年'
},
{
year:'3',
value:200,
type:'去年'
},
{
year:'4',
value:300,
type:'去年'
},
{
year:'5',
value:200,
type:'去年'
},
{
year:'6',
value:100,
type:'去年'
},
{
year:'7',
value:200,
type:'去年'
},
{
year:'8',
value:300,
type:'去年'
}
{ date: '2016年', value: 100, type: '已处理' },
{ date: '2017年', value: 200, type: '已处理' },
{ date: '2018年', value: 300, type: '已处理' },
{ date: '2019年', value: 200, type: '已处理' },
{ date: '2020年', value: 100, type: '已处理' },
{ date: '2021年', value: 200, type: '已处理' },
{ date: '2022年', value: 300, type: '已处理' },
{ date: '2023年', value: 400, type: '已处理' },
{ date: '2016年', value: 400, type: '未处理' },
{ date: '2017年', value: 100, type: '未处理' },
{ date: '2018年', value: 200, type: '未处理' },
{ date: '2019年', value: 300, type: '未处理' },
{ date: '2020年', value: 200, type: '未处理' },
{ date: '2021年', value: 100, type: '未处理' },
{ date: '2022年', value: 200, type: '未处理' },
{ date: '2023年', value: 300, type: '未处理' }
]
// 配置处理脚本
@ -656,7 +592,7 @@ const option = {
renderer: 'canvas',
smooth: true,
data,
xField: 'year',
xField: 'date',
yField: 'value',
seriesField: 'type',
legendEnable: false,

98
data-room-ui/packages/G2Plots/折线图/多阶梯折线图.js
Unescape Escape View File

@ -441,86 +441,22 @@ const setting = [
// 模拟数据
const data = [
{
year:'1',
value:100,
type:'今年'
},
{
year:'2',
value:200,
type:'今年'
},
{
year:'3',
value:300,
type:'今年'
},
{
year:'4',
value:200,
type:'今年'
},
{
year:'5',
value:100,
type:'今年'
},
{
year:'6',
value:200,
type:'今年'
},
{
year:'7',
value:300,
type:'今年'
},
{
year:'8',
value:400,
type:'今年'
},
{
year:'1',
value:400,
type:'去年'
},
{
year:'2',
value:100,
type:'去年'
},
{
year:'3',
value:200,
type:'去年'
},
{
year:'4',
value:300,
type:'去年'
},
{
year:'5',
value:200,
type:'去年'
},
{
year:'6',
value:100,
type:'去年'
},
{
year:'7',
value:200,
type:'去年'
},
{
year:'8',
value:300,
type:'去年'
}
{ date: '2016年', value: 100, type: '已处理' },
{ date: '2017年', value: 200, type: '已处理' },
{ date: '2018年', value: 300, type: '已处理' },
{ date: '2019年', value: 200, type: '已处理' },
{ date: '2020年', value: 100, type: '已处理' },
{ date: '2021年', value: 200, type: '已处理' },
{ date: '2022年', value: 300, type: '已处理' },
{ date: '2023年', value: 400, type: '已处理' },
{ date: '2016年', value: 400, type: '未处理' },
{ date: '2017年', value: 100, type: '未处理' },
{ date: '2018年', value: 200, type: '未处理' },
{ date: '2019年', value: 300, type: '未处理' },
{ date: '2020年', value: 200, type: '未处理' },
{ date: '2021年', value: 100, type: '未处理' },
{ date: '2022年', value: 200, type: '未处理' },
{ date: '2023年', value: 300, type: '未处理' }
]
// 配置处理脚本
@ -541,7 +477,7 @@ const option = {
appendPadding: [0, 0, 0, 0],
renderer: 'canvas',
data,
xField: 'year',
xField: 'date',
yField: 'value',
seriesField: 'type',
legendEnable: false,

98
data-room-ui/packages/G2Plots/折线图/折线趋势填充图.js
Unescape Escape View File

@ -506,86 +506,22 @@ const setting = [
// 模拟数据
const data = [
{
year:'1',
value:100,
type:'今年'
},
{
year:'2',
value:200,
type:'今年'
},
{
year:'3',
value:300,
type:'今年'
},
{
year:'4',
value:200,
type:'今年'
},
{
year:'5',
value:100,
type:'今年'
},
{
year:'6',
value:200,
type:'今年'
},
{
year:'7',
value:300,
type:'今年'
},
{
year:'8',
value:400,
type:'今年'
},
{
year:'1',
value:400,
type:'去年'
},
{
year:'2',
value:100,
type:'去年'
},
{
year:'3',
value:200,
type:'去年'
},
{
year:'4',
value:300,
type:'去年'
},
{
year:'5',
value:200,
type:'去年'
},
{
year:'6',
value:100,
type:'去年'
},
{
year:'7',
value:200,
type:'去年'
},
{
year:'8',
value:300,
type:'去年'
}
{ date: '2016年', value: 100, type: '已处理' },
{ date: '2017年', value: 200, type: '已处理' },
{ date: '2018年', value: 300, type: '已处理' },
{ date: '2019年', value: 200, type: '已处理' },
{ date: '2020年', value: 100, type: '已处理' },
{ date: '2021年', value: 200, type: '已处理' },
{ date: '2022年', value: 300, type: '已处理' },
{ date: '2023年', value: 400, type: '已处理' },
{ date: '2016年', value: 400, type: '未处理' },
{ date: '2017年', value: 100, type: '未处理' },
{ date: '2018年', value: 200, type: '未处理' },
{ date: '2019年', value: 300, type: '未处理' },
{ date: '2020年', value: 200, type: '未处理' },
{ date: '2021年', value: 100, type: '未处理' },
{ date: '2022年', value: 200, type: '未处理' },
{ date: '2023年', value: 300, type: '未处理' }
]
// 配置处理脚本
@ -607,7 +543,7 @@ const option = {
renderer: 'canvas',
data,
color: ['#6b74e4', '#4391f4', '#38bbe5', '#69d6fd', '#36c6a0'],
xField: 'year',
xField: 'date',
yField: 'value',
seriesField: 'type',
xAxis: {

62
data-room-ui/packages/G2Plots/条形图/分组条形图.js
Unescape Escape View File

@ -509,56 +509,16 @@ const setting = [
// 模拟数据
const data = [
{
label: 'Mon.',
type: 'series1',
value: 2800
},
{
label: 'Mon.',
type: 'series2',
value: 2260
},
{
label: 'Tues.',
type: 'series1',
value: 1800
},
{
label: 'Tues.',
type: 'series2',
value: 1300
},
{
label: 'Wed.',
type: 'series1',
value: 950
},
{
label: 'Wed.',
type: 'series2',
value: 900
},
{
label: 'Thur.',
type: 'series1',
value: 500
},
{
label: 'Thur.',
type: 'series2',
value: 390
},
{
label: 'Fri.',
type: 'series1',
value: 170
},
{
label: 'Fri.',
type: 'series2',
value: 100
}
{ date: '2019年', value: 200, type: '已处理' },
{ date: '2020年', value: 100, type: '已处理' },
{ date: '2021年', value: 200, type: '已处理' },
{ date: '2022年', value: 300, type: '已处理' },
{ date: '2023年', value: 400, type: '已处理' },
{ date: '2019年', value: 300, type: '未处理' },
{ date: '2020年', value: 200, type: '未处理' },
{ date: '2021年', value: 100, type: '未处理' },
{ date: '2022年', value: 200, type: '未处理' },
{ date: '2023年', value: 300, type: '未处理' }
]
// 配置处理脚本
@ -580,7 +540,7 @@ const option = {
isGroup: true,
// shape: ' ',
xField: 'value',
yField: 'label',
yField: 'date',
legendEnable: false,
legendLayout: 'vertical',
legendPosition: 'top',

62
data-room-ui/packages/G2Plots/条形图/堆叠条形图.js
Unescape Escape View File

@ -512,56 +512,16 @@ const setting = [
// 模拟数据
const data = [
{
label: 'Mon.',
type: 'series1',
value: 2800
},
{
label: 'Mon.',
type: 'series2',
value: 2260
},
{
label: 'Tues.',
type: 'series1',
value: 1800
},
{
label: 'Tues.',
type: 'series2',
value: 1300
},
{
label: 'Wed.',
type: 'series1',
value: 950
},
{
label: 'Wed.',
type: 'series2',
value: 900
},
{
label: 'Thur.',
type: 'series1',
value: 500
},
{
label: 'Thur.',
type: 'series2',
value: 390
},
{
label: 'Fri.',
type: 'series1',
value: 170
},
{
label: 'Fri.',
type: 'series2',
value: 100
}
{ date: '2019年', value: 200, type: '已处理' },
{ date: '2020年', value: 100, type: '已处理' },
{ date: '2021年', value: 200, type: '已处理' },
{ date: '2022年', value: 300, type: '已处理' },
{ date: '2023年', value: 400, type: '已处理' },
{ date: '2019年', value: 300, type: '未处理' },
{ date: '2020年', value: 200, type: '未处理' },
{ date: '2021年', value: 100, type: '未处理' },
{ date: '2022年', value: 200, type: '未处理' },
{ date: '2023年', value: 300, type: '未处理' }
]
// 配置处理脚本
@ -583,7 +543,7 @@ const option = {
isStack: true,
// shape: ' ',
xField: 'value',
yField: 'label',
yField: 'date',
seriesField: 'type',
legendEnable: false,
legendLayout: 'vertical',

94
data-room-ui/packages/G2Plots/柱状图/分组柱状图.js
Unescape Escape View File

@ -483,86 +483,18 @@ const setting = [
// 模拟数据
const data = [
{
year: '1',
value: 100,
type: '今年'
},
{
year: '2',
value: 200,
type: '今年'
},
{
year: '3',
value: 300,
type: '今年'
},
{
year: '4',
value: 200,
type: '今年'
},
{
year: '5',
value: 100,
type: '今年'
},
{
year: '6',
value: 200,
type: '今年'
},
{
year: '7',
value: 300,
type: '今年'
},
{
year: '8',
value: 400,
type: '今年'
},
{
year: '1',
value: 400,
type: '去年'
},
{
year: '2',
value: 100,
type: '去年'
},
{
year: '3',
value: 200,
type: '去年'
},
{
year: '4',
value: 300,
type: '去年'
},
{
year: '5',
value: 200,
type: '去年'
},
{
year: '6',
value: 100,
type: '去年'
},
{
year: '7',
value: 200,
type: '去年'
},
{
year: '8',
value: 300,
type: '去年'
}
{ date: '2018年', value: 300, type: '已处理' },
{ date: '2019年', value: 200, type: '已处理' },
{ date: '2020年', value: 100, type: '已处理' },
{ date: '2021年', value: 200, type: '已处理' },
{ date: '2022年', value: 300, type: '已处理' },
{ date: '2023年', value: 400, type: '已处理' },
{ date: '2018年', value: 200, type: '未处理' },
{ date: '2019年', value: 300, type: '未处理' },
{ date: '2020年', value: 200, type: '未处理' },
{ date: '2021年', value: 100, type: '未处理' },
{ date: '2022年', value: 200, type: '未处理' },
{ date: '2023年', value: 300, type: '未处理' }
]
// 配置处理脚本
@ -596,7 +528,7 @@ const option = {
legend: false,
color: ['#6b74e4', '#4391f4', '#38bbe5', '#69d6fd', '#36c6a0'],
isGroup: true,
xField: 'year',
xField: 'date',
yField: 'value',
seriesField: 'type',
/** 设置颜色 */

94
data-room-ui/packages/G2Plots/柱状图/圆角柱状图.js
Unescape Escape View File

@ -483,86 +483,18 @@ const setting = [
// 模拟数据
const data = [
{
year:'1',
value:100,
type:'今年'
},
{
year:'2',
value:200,
type:'今年'
},
{
year:'3',
value:300,
type:'今年'
},
{
year:'4',
value:200,
type:'今年'
},
{
year:'5',
value:100,
type:'今年'
},
{
year:'6',
value:200,
type:'今年'
},
{
year:'7',
value:300,
type:'今年'
},
{
year:'8',
value:400,
type:'今年'
},
{
year:'1',
value:400,
type:'去年'
},
{
year:'2',
value:100,
type:'去年'
},
{
year:'3',
value:200,
type:'去年'
},
{
year:'4',
value:300,
type:'去年'
},
{
year:'5',
value:200,
type:'去年'
},
{
year:'6',
value:100,
type:'去年'
},
{
year:'7',
value:200,
type:'去年'
},
{
year:'8',
value:300,
type:'去年'
}
{ date: '2018年', value: 300, type: '已处理' },
{ date: '2019年', value: 200, type: '已处理' },
{ date: '2020年', value: 100, type: '已处理' },
{ date: '2021年', value: 200, type: '已处理' },
{ date: '2022年', value: 300, type: '已处理' },
{ date: '2023年', value: 400, type: '已处理' },
{ date: '2018年', value: 200, type: '未处理' },
{ date: '2019年', value: 300, type: '未处理' },
{ date: '2020年', value: 200, type: '未处理' },
{ date: '2021年', value: 100, type: '未处理' },
{ date: '2022年', value: 200, type: '未处理' },
{ date: '2023年', value: 300, type: '未处理' }
]
// 配置处理脚本
@ -583,7 +515,7 @@ const option = {
appendPadding: [0, 0, 0, 0],
renderer: 'canvas',
data,
xField: 'year',
xField: 'date',
yField: 'value',
seriesField: 'type',
isGroup: 'true',

32
data-room-ui/packages/G2Plots/柱状图/堆叠柱状图.js
Unescape Escape View File

@ -483,24 +483,18 @@ const setting = [
// 模拟数据
const data = [
{ year: '1991', value: 3, type: 'Lon' },
{ year: '1992', value: 4, type: 'Lon' },
{ year: '1993', value: 3.5, type: 'Lon' },
{ year: '1994', value: 5, type: 'Lon' },
{ year: '1995', value: 4.9, type: 'Lon' },
{ year: '1996', value: 6, type: 'Lon' },
{ year: '1997', value: 7, type: 'Lon' },
{ year: '1998', value: 9, type: 'Lon' },
{ year: '1999', value: 13, type: 'Lon' },
{ year: '1991', value: 3, type: 'Bor' },
{ year: '1992', value: 4, type: 'Bor' },
{ year: '1993', value: 3.5, type: 'Bor' },
{ year: '1994', value: 5, type: 'Bor' },
{ year: '1995', value: 4.9, type: 'Bor' },
{ year: '1996', value: 6, type: 'Bor' },
{ year: '1997', value: 7, type: 'Bor' },
{ year: '1998', value: 9, type: 'Bor' },
{ year: '1999', value: 13, type: 'Bor' }
{ date: '2018年', value: 300, type: '已处理' },
{ date: '2019年', value: 200, type: '已处理' },
{ date: '2020年', value: 100, type: '已处理' },
{ date: '2021年', value: 200, type: '已处理' },
{ date: '2022年', value: 300, type: '已处理' },
{ date: '2023年', value: 400, type: '已处理' },
{ date: '2018年', value: 200, type: '未处理' },
{ date: '2019年', value: 300, type: '未处理' },
{ date: '2020年', value: 200, type: '未处理' },
{ date: '2021年', value: 100, type: '未处理' },
{ date: '2022年', value: 200, type: '未处理' },
{ date: '2023年', value: 300, type: '未处理' }
]
// 配置处理脚本
@ -522,7 +516,7 @@ const option = {
renderer: 'canvas',
data,
isStack: true,
xField: 'year',
xField: 'date',
yField: 'value',
seriesField: 'type',
legendEnable: false,

167
data-room-ui/packages/G2Plots/面积图/堆叠面积图.js
Unescape Escape View File

@ -551,155 +551,22 @@ const setting = [
// 模拟数据
const data = [
{
country: '北美',
date: 1965,
value: 1390.5
},
{
country: '北美',
date: 1966,
value: 1469.5
},
{
country: '北美',
date: 1967,
value: 1521.7
},
{
country: '北美',
date: 1968,
value: 1615.9
},
{
country: '北美',
date: 1969,
value: 1703.7
},
{
country: '中南美',
date: 1965,
value: 109.2
},
{
country: '中南美',
date: 1966,
value: 115.7
},
{
country: '中南美',
date: 1967,
value: 120.5
},
{
country: '中南美',
date: 1968,
value: 128
},
{
country: '中南美',
date: 1969,
value: 134.4
},
{
country: '欧洲',
date: 1965,
value: 1058.1
},
{
country: '欧洲',
date: 1966,
value: 1089.7
},
{
country: '欧洲',
date: 1967,
value: 1121.7
},
{
country: '欧洲',
date: 1968,
value: 1196.6
},
{
country: '欧洲',
date: 1969,
value: 1285.5
},
{
country: 'CIS 地区',
date: 1965,
value: 593.3
},
{
country: 'CIS 地区',
date: 1966,
value: 630.9
},
{
country: 'CIS 地区',
date: 1967,
value: 663.2
},
{
country: 'CIS 地区',
date: 1968,
value: 687.8
},
{
country: 'CIS 地区',
date: 1969,
value: 719
}, {
country: '中东',
date: 1965,
value: 48.3
},
{
country: '中东',
date: 1966,
value: 50.4
},
{
country: '中东',
date: 1967,
value: 52.7
},
{
country: '中东',
date: 1968,
value: 55.6
},
{
country: '中东',
date: 1969,
value: 58.5
},
{
country: '非洲',
date: 1965,
value: 60.6
},
{
country: '非洲',
date: 1966,
value: 63.3
},
{
country: '非洲',
date: 1967,
value: 64
},
{
country: '非洲',
date: 1968,
value: 67.4
},
{
country: '非洲',
date: 1969,
value: 68.9
}
{ date: '2016年', value: 100, type: '已处理' },
{ date: '2017年', value: 200, type: '已处理' },
{ date: '2018年', value: 300, type: '已处理' },
{ date: '2019年', value: 200, type: '已处理' },
{ date: '2020年', value: 100, type: '已处理' },
{ date: '2021年', value: 200, type: '已处理' },
{ date: '2022年', value: 300, type: '已处理' },
{ date: '2023年', value: 400, type: '已处理' },
{ date: '2016年', value: 400, type: '未处理' },
{ date: '2017年', value: 100, type: '未处理' },
{ date: '2018年', value: 200, type: '未处理' },
{ date: '2019年', value: 300, type: '未处理' },
{ date: '2020年', value: 200, type: '未处理' },
{ date: '2021年', value: 100, type: '未处理' },
{ date: '2022年', value: 200, type: '未处理' },
{ date: '2023年', value: 300, type: '未处理' }
]
// 配置处理脚本
@ -723,7 +590,7 @@ const option = {
xField: 'date',
yField: 'value',
color: ['#6b74e4', '#4391f4', '#38bbe5', '#69d6fd', '#36c6a0'],
seriesField: 'country',
seriesField: 'type',
smooth: false,
legendEnable: false,
legendLayout: 'vertical',

Write Preview
Loading…
Cancel
Save