64 lines
1.3 KiB
TypeScript
64 lines
1.3 KiB
TypeScript
import { echartOptionProfixHandle, PublicConfigClass } from '@/packages/public'
|
|
import { LineCommonConfig } from './index'
|
|
import { CreateComponentType } from '@/packages/index.d'
|
|
import { defaultTheme, chartColorsSearch } from '@/settings/chartThemes/index'
|
|
import dataJson from './data.json'
|
|
|
|
export const includes = ['legend', 'xAxis', 'yAxis', 'grid']
|
|
export const seriesItem = {
|
|
type: 'line',
|
|
label: {
|
|
show: true,
|
|
position: 'top',
|
|
color: '#fff',
|
|
fontSize: 12
|
|
},
|
|
symbolSize: 5, //设定实心点的大小
|
|
itemStyle: {
|
|
color: null,
|
|
borderRadius: 0
|
|
},
|
|
lineStyle: {
|
|
type: 'solid',
|
|
width: 3,
|
|
color: null
|
|
}
|
|
}
|
|
|
|
export const option = {
|
|
tooltip: {
|
|
show: true,
|
|
trigger: 'axis',
|
|
axisPointer: {
|
|
type: 'line'
|
|
}
|
|
},
|
|
legend: {
|
|
show: true
|
|
},
|
|
grid: {
|
|
show: false,
|
|
left: '10%',
|
|
top: '60',
|
|
right: '10%',
|
|
bottom: '60'
|
|
},
|
|
xAxis: {
|
|
show: true,
|
|
type: 'category'
|
|
},
|
|
yAxis: {
|
|
show: true,
|
|
type: 'value'
|
|
},
|
|
dataset: { ...dataJson },
|
|
series: [seriesItem, seriesItem]
|
|
}
|
|
|
|
export default class Config extends PublicConfigClass implements CreateComponentType {
|
|
public key: string = LineCommonConfig.key
|
|
public chartConfig = LineCommonConfig
|
|
// 图表配置项
|
|
public option = echartOptionProfixHandle(option, includes)
|
|
}
|