95 lines
2.0 KiB
TypeScript
Raw Normal View History

import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
import { LineGradientsConfig } from './index'
import { CreateComponentType } from '@/packages/index.d'
2022-02-25 11:19:51 +08:00
import { graphic } from 'echarts/core'
import { defaultTheme, chartColorsSearch } from '@/settings/chartThemes/index'
2022-03-20 18:11:26 +08:00
import dataJson from './data.json'
export const includes = ['legend', 'xAxis', 'yAxis']
2022-02-26 17:38:24 +08:00
const option = {
legend: {
show: true
2022-02-26 17:38:24 +08:00
},
2022-03-09 19:22:58 +08:00
tooltip: {
show: true,
trigger: 'axis',
axisPointer: {
type: 'line'
}
},
2022-02-26 17:38:24 +08:00
xAxis: {
show: true,
type: 'category'
2022-02-26 17:38:24 +08:00
},
yAxis: {
show: true,
type: 'value'
2022-02-26 17:38:24 +08:00
},
2022-03-20 18:11:26 +08:00
dataset: { ...dataJson },
2022-02-26 17:38:24 +08:00
series: [
{
type: 'line',
smooth: false,
2022-10-09 16:04:29 +08:00
symbolSize: 5, //设定实心点的大小
label: {
show: true,
position: 'top',
color: '#fff',
fontSize: 12
},
lineStyle: {
width: 3,
type: 'solid'
},
2022-02-26 17:38:24 +08:00
areaStyle: {
opacity: 0.8,
color: new graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: chartColorsSearch[defaultTheme][3]
2022-02-26 17:38:24 +08:00
},
{
offset: 1,
color: 'rgba(0,0,0,0)'
}
])
}
2022-02-25 11:19:51 +08:00
},
2022-02-26 17:38:24 +08:00
{
type: 'line',
smooth: false,
2022-10-09 16:04:29 +08:00
label: {
show: true,
position: 'top',
color: '#fff',
fontSize: 12
},
lineStyle: {
width: 3,
type: 'solid'
},
2022-02-26 17:38:24 +08:00
areaStyle: {
2022-03-11 10:22:54 +08:00
opacity: 0.8,
color: new graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: chartColorsSearch[defaultTheme][4]
2022-03-11 10:22:54 +08:00
},
{
offset: 1,
color: 'rgba(0,0,0,0)'
2022-03-11 10:22:54 +08:00
}
])
}
}
]
2022-02-26 17:38:24 +08:00
}
export default class Config extends PublicConfigClass implements CreateComponentType {
public key: string = LineGradientsConfig.key
public chartConfig = LineGradientsConfig
// 图表配置项
2022-02-26 17:38:24 +08:00
public option = echartOptionProfixHandle(option, includes)
2022-02-25 11:19:51 +08:00
}