github/go-view
github/go-view
3
0
Fork 0
mirror of https://gitee.com/dromara/go-view.git synced 2025-02-24 00:02:51 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat：新增渐变背景色

Browse Source
This commit is contained in:
MTrun 2022-02-25 11:19:51 +08:00
parent 2b0008ffc7
commit 632c09bf01
2 changed files with 105 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
src/packages/components/Charts/Lines/LineGradientSingle/config.ts
View File

@ -1,35 +1,54 @@
import { echartOptionProfixHandle, publicConfig } from '@/packages/public' import { echartOptionProfixHandle, publicConfig } from '@/packages/public'
import { LineGradientSingleConfig } from './index' import { LineGradientSingleConfig } from './index'
import { CreateComponentType } from '@/packages/index.d' import { CreateComponentType } from '@/packages/index.d'
import { graphic } from 'echarts/core'
import omit from 'lodash/omit' import omit from 'lodash/omit'
export const includes = ['legend', 'xAxis', 'yAxis'] export const includes = ['legend', 'xAxis', 'yAxis']
const options = echartOptionProfixHandle({ const options = echartOptionProfixHandle(
legend: { {
show: true, legend: {
show: true
},
xAxis: {
show: true,
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
show: true,
type: 'value'
},
series: [
{
name: 'data1',
type: 'line',
smooth: false,
areaStyle: {
opacity: 0.8,
color: new graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: 'rgba(25,163,223,.3)'
},
{
offset: 1,
color: 'rgba(25,163,223, 0)'
}
])
},
data: [120, 200, 150, 80, 70, 110, 130]
}
]
}, },
xAxis: { includes
show: true, )
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
show: true,
type: 'value'
},
series: [
{
name: 'data1',
type: 'line',
data: [120, 200, 150, 80, 70, 110, 130]
}
]
}, includes)
export default class Config extends publicConfig implements CreateComponentType { export default class Config extends publicConfig
implements CreateComponentType {
public key: string = LineGradientSingleConfig.key public key: string = LineGradientSingleConfig.key
public chartConfig = omit(LineGradientSingleConfig, ['node']) public chartConfig = omit(LineGradientSingleConfig, ['node'])
// 图表配置项 // 图表配置项
public option = options public option = options
} }

91
src/packages/components/Charts/Lines/LineGradients/config.ts
View File

@ -1,40 +1,77 @@
import { echartOptionProfixHandle, publicConfig } from '@/packages/public' import { echartOptionProfixHandle, publicConfig } from '@/packages/public'
import { LineGradientsConfig } from './index' import { LineGradientsConfig } from './index'
import { CreateComponentType } from '@/packages/index.d' import { CreateComponentType } from '@/packages/index.d'
import { graphic } from 'echarts/core'
import omit from 'lodash/omit' import omit from 'lodash/omit'
export const includes = ['legend', 'xAxis', 'yAxis'] export const includes = ['legend', 'xAxis', 'yAxis']
const options = echartOptionProfixHandle({ const options = echartOptionProfixHandle(
legend: { {
show: true, legend: {
}, show: true
xAxis: {
show: true,
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
show: true,
type: 'value'
},
series: [
{
name: 'data1',
type: 'line',
data: [120, 200, 150, 80, 70, 110, 130]
}, },
{ xAxis: {
name: 'data2', show: true,
type: 'line', type: 'category',
data: [130, 130, 312, 268, 155, 117, 160] data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
} },
] yAxis: {
}, includes) show: true,
type: 'value'
},
series: [
{
name: 'data1',
type: 'line',
smooth: false,
data: [120, 200, 150, 80, 70, 110, 130],
areaStyle: {
opacity: 0.8,
color: new graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: 'rgba(25,163,223,.3)'
},
{
offset: 1,
color: 'rgba(25,163,223, 0)'
}
])
}
},
{
name: 'data2',
type: 'line',
smooth: false,
areaStyle: {
normal: {
opacity: 0.8,
color: new graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: 'rgba(0,202,149,0.3)'
},
{
offset: 1,
color: 'rgba(0,202,149,0)'
}
]),
shadowColor: 'rgba(0,202,149, 0.9)',
shadowBlur: 20
}
},
data: [130, 130, 312, 268, 155, 117, 160]
}
]
},
includes
)
export default class Config extends publicConfig implements CreateComponentType { export default class Config extends publicConfig
implements CreateComponentType {
public key: string = LineGradientsConfig.key public key: string = LineGradientsConfig.key
public chartConfig = omit(LineGradientsConfig, ['node']) public chartConfig = omit(LineGradientsConfig, ['node'])
// 图表配置项 // 图表配置项
public option = options public option = options
} }