diff --git a/src/packages/components/Charts/Lines/LineGradientSingle/config.ts b/src/packages/components/Charts/Lines/LineGradientSingle/config.ts index 8903f5a5..a7bf0c34 100644 --- a/src/packages/components/Charts/Lines/LineGradientSingle/config.ts +++ b/src/packages/components/Charts/Lines/LineGradientSingle/config.ts @@ -1,35 +1,54 @@ import { echartOptionProfixHandle, publicConfig } from '@/packages/public' import { LineGradientSingleConfig } from './index' import { CreateComponentType } from '@/packages/index.d' +import { graphic } from 'echarts/core' import omit from 'lodash/omit' export const includes = ['legend', 'xAxis', 'yAxis'] -const options = echartOptionProfixHandle({ - legend: { - show: true, +const options = echartOptionProfixHandle( + { + 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: { - 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) + includes +) -export default class Config extends publicConfig implements CreateComponentType { +export default class Config extends publicConfig + implements CreateComponentType { public key: string = LineGradientSingleConfig.key public chartConfig = omit(LineGradientSingleConfig, ['node']) // 图表配置项 public option = options -} \ No newline at end of file +} diff --git a/src/packages/components/Charts/Lines/LineGradients/config.ts b/src/packages/components/Charts/Lines/LineGradients/config.ts index cd81b856..13467359 100644 --- a/src/packages/components/Charts/Lines/LineGradients/config.ts +++ b/src/packages/components/Charts/Lines/LineGradients/config.ts @@ -1,40 +1,77 @@ import { echartOptionProfixHandle, publicConfig } from '@/packages/public' import { LineGradientsConfig } from './index' import { CreateComponentType } from '@/packages/index.d' +import { graphic } from 'echarts/core' import omit from 'lodash/omit' export const includes = ['legend', 'xAxis', 'yAxis'] -const options = echartOptionProfixHandle({ - 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] +const options = echartOptionProfixHandle( + { + legend: { + show: true }, - { - name: 'data2', - type: 'line', - data: [130, 130, 312, 268, 155, 117, 160] - } - ] -}, includes) + 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, + 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 chartConfig = omit(LineGradientsConfig, ['node']) // 图表配置项 public option = options -} \ No newline at end of file +}